<!DOCTYPE html>
<html lang="zh-CN" data-theme="light">

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1" />
    <meta name="generator" content="VuePress 2.0.0-beta.51" />
    <meta name="theme" content="VuePress Theme Hope" />
    <meta property="og:url" content="https://pro.autojs.org/docs/zh/v8/ui/advanced.html">
    <meta property="og:site_name" content="Auto.js Pro文档">
    <meta property="og:title" content="其他布局与控件">
    <meta property="og:type" content="article">
    <meta property="og:image" content="https://pro.autojs.org/docs/">
    <meta property="og:updated_time" content="2022-12-18T12:31:42.000Z">
    <meta property="og:locale" content="zh-CN">
    <meta property="og:locale:alternate" content="en-US">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:image:alt" content="其他布局与控件">
    <meta property="article:modified_time" content="2022-12-18T12:31:42.000Z">
    <link rel="alternate" hreflang="en-us" href="https://pro.autojs.org/docs/en/zh/v8/ui/advanced.html">
    <link rel="icon" href="https://pro.autojs.org/docs/favicon.ico">
    <link rel="manifest" href="https://pro.autojs.org/docs/manifest.webmanifest" crossorigin="use-credentials">
    <meta name="theme-color" content="#46bd87">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
    <title>其他布局与控件 | Auto.js Pro文档</title>
    <meta name="description" content="支持Node.js的自动化工作流JavaScript IDE">
    <style>
        :root {
            --bg-color: #fff;
        }

        html[data-theme="dark"] {
            --bg-color: #1d2025;
        }

        html,
        body {
            background-color: var(--bg-color);
        }
    </style>
    <script>
        const userMode = localStorage.getItem("vuepress-theme-hope-scheme");
        const systemDarkMode =
            window.matchMedia &&
            window.matchMedia("(prefers-color-scheme: dark)").matches;

        if (userMode === "dark" || (userMode !== "light" && systemDarkMode)) {
            document.querySelector("html").setAttribute("data-theme", "dark");
        }
    </script>
    <link rel="stylesheet" href="../../../assets/style.ae9cb182.css">
    <link rel="modulepreload" href="../../../assets/app.6aa2b576.js">
    <link rel="modulepreload" href="../../../assets/advanced.html.c1213467.js">
    <link rel="modulepreload" href="../../../assets/_plugin-vue_export-helper.cdc0426e.js">
    <link rel="modulepreload" href="../../../assets/advanced.html.bd1a15b0.js">
</head>

<body>


    <!-- Copyright � 2008. Spidersoft Ltd -->
    <style>
        A.applink:hover {
            border: 2px dotted #DCE6F4;
            padding: 2px;
            background-color: #ffff00;
            color: green;
            text-decoration: none
        }

        A.applink {
            border: 2px dotted #DCE6F4;
            padding: 2px;
            color: #2F5BFF;
            background: transparent;
            text-decoration: none
        }

        A.info {
            color: #2F5BFF;
            background: transparent;
            text-decoration: none
        }

        A.info:hover {
            color: green;
            background: transparent;
            text-decoration: underline
        }
    </style>


    <div id="app"><!--[--><!--[--><!--[--><span tabindex="-1"></span><a href="#main-content"
            class="skip-link sr-only">Skip to content</a><!--]-->
        <div class="theme-container has-toc"><!--[--><!--[-->
            <header class="navbar">
                <div class="navbar-left"><button class="toggle-sidebar-button" title="Toggle Sidebar"><span
                            class="icon"></span></button><!----><a href="../../../docs.html" class="brand"><img
                            class="logo" src="../../../logo.png" alt="Auto.js Pro文档"><!----><span
                            class="site-name hide-in-pad">Auto.js Pro文档</span></a><!----></div>
                <div class="navbar-center"><!---->
                    <nav class="nav-links">
                        <div class="nav-item hide-in-mobile"><a href="../../../docs.html" class="nav-link"
                                aria-label="Auto.js Pro"><span class="icon iconfont icon-home"></span>Auto.js
                                Pro<!----></a></div>
                        <div class="nav-item hide-in-mobile"><a href="../../guide/guide.html" class="nav-link"
                                aria-label="指南"><span class="icon iconfont icon-creative"></span>指南<!----></a></div>
                        <div class="nav-item hide-in-mobile"><a href="../v8.html" class="nav-link active"
                                aria-label="第一代API文档"><span class="icon iconfont icon-note"></span>第一代API文档<!----></a>
                        </div>
                        <div class="nav-item hide-in-mobile"><a href="../../v9/v9.html" class="nav-link"
                                aria-label="第二代API文档"><span class="icon iconfont icon-note"></span>第二代API文档<!----></a>
                        </div>
                        <div class="nav-item hide-in-mobile">
                            <div class="dropdown-wrapper"><button class="dropdown-title" type="button"
                                    aria-label="官网与相关链接"><span class="title"><span
                                            class="icon iconfont icon-discover"></span>官网与相关链接</span><span
                                        class="arrow"></span>
                                    <ul class="nav-dropdown">
                                        <li class="dropdown-item"><a href="../../../../pro.autojs.html"
                                                rel="noopener noreferrer" target="_blank" aria-label="官网与软件下载"
                                                class="nav-link"><!---->官网与软件下载<span><svg class="external-link-icon"
                                                        xmlns="http://www.w3.org/2000/svg" aria-hidden="true"
                                                        focusable="false" x="0px" y="0px" viewBox="0 0 100 100"
                                                        width="15" height="15">
                                                        <path fill="currentColor"
                                                            d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z">
                                                        </path>
                                                        <polygon fill="currentColor"
                                                            points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9">
                                                        </polygon>
                                                    </svg><span class="external-link-icon-sr-only">open in new
                                                        window</span></span><!----></a></li>
                                        <li class="dropdown-item"><a href="https://blog.autojs.org/"
                                                rel="noopener noreferrer" target="_blank" aria-label="官方博客"
                                                class="nav-link"><!---->官方博客<span><svg class="external-link-icon"
                                                        xmlns="http://www.w3.org/2000/svg" aria-hidden="true"
                                                        focusable="false" x="0px" y="0px" viewBox="0 0 100 100"
                                                        width="15" height="15">
                                                        <path fill="currentColor"
                                                            d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z">
                                                        </path>
                                                        <polygon fill="currentColor"
                                                            points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9">
                                                        </polygon>
                                                    </svg><span class="external-link-icon-sr-only">open in new
                                                        window</span></span><!----></a></li>
                                        <li class="dropdown-item"><a href="https://pd.qq.com/s/gosos5"
                                                rel="noopener noreferrer" target="_blank" aria-label="官方频道"
                                                class="nav-link"><!---->官方频道<span><svg class="external-link-icon"
                                                        xmlns="http://www.w3.org/2000/svg" aria-hidden="true"
                                                        focusable="false" x="0px" y="0px" viewBox="0 0 100 100"
                                                        width="15" height="15">
                                                        <path fill="currentColor"
                                                            d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z">
                                                        </path>
                                                        <polygon fill="currentColor"
                                                            points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9">
                                                        </polygon>
                                                    </svg><span class="external-link-icon-sr-only">open in new
                                                        window</span></span><!----></a></li>
                                    </ul>
                                </button></div>
                        </div>
                    </nav><!---->
                </div>
                <div class="navbar-right"><!---->
                    <div class="nav-item">
                        <div class="dropdown-wrapper i18n-dropdown"><button class="dropdown-title" type="button"
                                aria-label="选择语言"><!--[--><svg xmlns="http://www.w3.org/2000/svg" class="icon i18n-icon"
                                    viewBox="0 0 1024 1024" fill="currentColor" aria-label="i18n icon"
                                    style="width:1rem;height:1rem;vertical-align:middle;">
                                    <path
                                        d="M379.392 460.8 494.08 575.488l-42.496 102.4L307.2 532.48 138.24 701.44l-71.68-72.704L234.496 460.8l-45.056-45.056c-27.136-27.136-51.2-66.56-66.56-108.544h112.64c7.68 14.336 16.896 27.136 26.112 35.84l45.568 46.08 45.056-45.056C382.976 312.32 409.6 247.808 409.6 204.8H0V102.4h256V0h102.4v102.4h256v102.4H512c0 70.144-37.888 161.28-87.04 210.944L378.88 460.8zM576 870.4 512 1024H409.6l256-614.4H768l256 614.4H921.6l-64-153.6H576zM618.496 768h196.608L716.8 532.48 618.496 768z">
                                    </path>
                                </svg><!--]--><span class="arrow"></span>
                                <ul class="nav-dropdown">
                                    <li class="dropdown-item"><a href="../../../en/en.html" class="nav-link"
                                            aria-label="English"><!---->English<!----></a></li>
                                    <li class="dropdown-item"><a aria-current="page" href="advanced.html"
                                            class="router-link-active router-link-exact-active nav-link active"
                                            aria-label="简体中文"><!---->简体中文<!----></a></li>
                                </ul>
                            </button></div>
                    </div><!---->
                    <div class="nav-item hide-in-mobile"><button id="appearance-switch"><svg
                                xmlns="http://www.w3.org/2000/svg" class="icon auto-icon" viewBox="0 0 1024 1024"
                                fill="currentColor" aria-label="auto icon" style="display:block;">
                                <path
                                    d="M512 992C246.92 992 32 777.08 32 512S246.92 32 512 32s480 214.92 480 480-214.92 480-480 480zm0-840c-198.78 0-360 161.22-360 360 0 198.84 161.22 360 360 360s360-161.16 360-360c0-198.78-161.22-360-360-360zm0 660V212c165.72 0 300 134.34 300 300 0 165.72-134.28 300-300 300z">
                                </path>
                            </svg><svg xmlns="http://www.w3.org/2000/svg" class="icon dark-icon" viewBox="0 0 1024 1024"
                                fill="currentColor" aria-label="dark icon" style="display:none;">
                                <path
                                    d="M524.8 938.667h-4.267a439.893 439.893 0 0 1-313.173-134.4 446.293 446.293 0 0 1-11.093-597.334A432.213 432.213 0 0 1 366.933 90.027a42.667 42.667 0 0 1 45.227 9.386 42.667 42.667 0 0 1 10.24 42.667 358.4 358.4 0 0 0 82.773 375.893 361.387 361.387 0 0 0 376.747 82.774 42.667 42.667 0 0 1 54.187 55.04 433.493 433.493 0 0 1-99.84 154.88 438.613 438.613 0 0 1-311.467 128z">
                                </path>
                            </svg><svg xmlns="http://www.w3.org/2000/svg" class="icon light-icon"
                                viewBox="0 0 1024 1024" fill="currentColor" aria-label="light icon"
                                style="display:none;">
                                <path
                                    d="M952 552h-80a40 40 0 0 1 0-80h80a40 40 0 0 1 0 80zM801.88 280.08a41 41 0 0 1-57.96-57.96l57.96-58a41.04 41.04 0 0 1 58 58l-58 57.96zM512 752a240 240 0 1 1 0-480 240 240 0 0 1 0 480zm0-560a40 40 0 0 1-40-40V72a40 40 0 0 1 80 0v80a40 40 0 0 1-40 40zm-289.88 88.08-58-57.96a41.04 41.04 0 0 1 58-58l57.96 58a41 41 0 0 1-57.96 57.96zM192 512a40 40 0 0 1-40 40H72a40 40 0 0 1 0-80h80a40 40 0 0 1 40 40zm30.12 231.92a41 41 0 0 1 57.96 57.96l-57.96 58a41.04 41.04 0 0 1-58-58l58-57.96zM512 832a40 40 0 0 1 40 40v80a40 40 0 0 1-80 0v-80a40 40 0 0 1 40-40zm289.88-88.08 58 57.96a41.04 41.04 0 0 1-58 58l-57.96-58a41 41 0 0 1 57.96-57.96z">
                                </path>
                            </svg></button></div>
                    <div class="search-box" role="search" data-v-f3875574><input value="" aria-label="Search" class=""
                            placeholder="Search" autocomplete="off" spellcheck="false" data-v-f3875574><!----></div>
                    <!----><button class="toggle-navbar-button" aria-label="Toggle Navbar" aria-expanded="false"
                        aria-controls="nav-screen"><span class="button-container"><span class="button-top"></span><span
                                class="button-middle"></span><span class="button-bottom"></span></span></button>
                </div>
            </header><!----><!--]--><!---->
            <div class="toggle-sidebar-wrapper"><span class="arrow left"></span></div>
            <aside class="sidebar"><!--[--><!----><!--]-->
                <ul class="sidebar-links">
                    <li>
                        <section class="sidebar-group">
                            <p class="sidebar-heading"><!----><span class="title">指南</span><!----></p>
                            <ul class="sidebar-links">
                                <li><!--[--><a href="../v8.html" class="nav-link sidebar-link sidebar-page"
                                        aria-label="阅读须知"><!---->阅读须知<!----></a>
                                    <ul class="sidebar-sub-headers"></ul><!--]-->
                                </li>
                            </ul>
                        </section>
                    </li>
                    <li>
                        <section class="sidebar-group">
                            <p class="sidebar-heading active"><!----><span class="title">API文档</span><!----></p>
                            <ul class="sidebar-links">
                                <li><!--[--><a href="../app.html" class="nav-link sidebar-link sidebar-page"
                                        aria-label="app - 应用"><!---->app - 应用<!----></a>
                                    <ul class="sidebar-sub-headers"></ul><!--]-->
                                </li>
                                <li><!--[--><a href="../base64.html" class="nav-link sidebar-link sidebar-page"
                                        aria-label="base64"><!---->base64<!----></a>
                                    <ul class="sidebar-sub-headers"></ul><!--]-->
                                </li>
                                <li><!--[--><a href="../colors.html" class="nav-link sidebar-link sidebar-page"
                                        aria-label="colors - 颜色"><!---->colors - 颜色<!----></a>
                                    <ul class="sidebar-sub-headers"></ul><!--]-->
                                </li>
                                <li><!--[--><a href="../canvas.html" class="nav-link sidebar-link sidebar-page"
                                        aria-label="canvas - 画布"><!---->canvas - 画布<!----></a>
                                    <ul class="sidebar-sub-headers"></ul><!--]-->
                                </li>
                                <li><!--[--><a href="../console.html" class="nav-link sidebar-link sidebar-page"
                                        aria-label="console - 控制台"><!---->console - 控制台<!----></a>
                                    <ul class="sidebar-sub-headers"></ul><!--]-->
                                </li>
                                <li><!--[--><a href="../crypto.html" class="nav-link sidebar-link sidebar-page"
                                        aria-label="crypto - 加解密与消息摘要"><!---->crypto - 加解密与消息摘要<!----></a>
                                    <ul class="sidebar-sub-headers"></ul><!--]-->
                                </li>
                                <li><!--[--><a href="../debug.html" class="nav-link sidebar-link sidebar-page"
                                        aria-label="debug - 调试工具"><!---->debug - 调试工具<!----></a>
                                    <ul class="sidebar-sub-headers"></ul><!--]-->
                                </li>
                                <li><!--[--><a href="../device.html" class="nav-link sidebar-link sidebar-page"
                                        aria-label="device - 设备"><!---->device - 设备<!----></a>
                                    <ul class="sidebar-sub-headers"></ul><!--]-->
                                </li>
                                <li><!--[--><a href="../dialogs.html" class="nav-link sidebar-link sidebar-page"
                                        aria-label="dialogs - 对话框"><!---->dialogs - 对话框<!----></a>
                                    <ul class="sidebar-sub-headers"></ul><!--]-->
                                </li>
                                <li><!--[--><a href="../engines.html" class="nav-link sidebar-link sidebar-page"
                                        aria-label="engines - 脚本引擎"><!---->engines - 脚本引擎<!----></a>
                                    <ul class="sidebar-sub-headers"></ul><!--]-->
                                </li>
                                <li><!--[--><a href="../events.html" class="nav-link sidebar-link sidebar-page"
                                        aria-label="events - 事件与监听"><!---->events - 事件与监听<!----></a>
                                    <ul class="sidebar-sub-headers"></ul><!--]-->
                                </li>
                                <li><!--[--><a href="../floaty.html" class="nav-link sidebar-link sidebar-page"
                                        aria-label="floaty - 悬浮窗"><!---->floaty - 悬浮窗<!----></a>
                                    <ul class="sidebar-sub-headers"></ul><!--]-->
                                </li>
                                <li><!--[--><a href="../files.html" class="nav-link sidebar-link sidebar-page"
                                        aria-label="files - 文件系统"><!---->files - 文件系统<!----></a>
                                    <ul class="sidebar-sub-headers"></ul><!--]-->
                                </li>
                                <li><!--[--><a href="../globals.html" class="nav-link sidebar-link sidebar-page"
                                        aria-label="globals - 全局变量与函数"><!---->globals - 全局变量与函数<!----></a>
                                    <ul class="sidebar-sub-headers"></ul><!--]-->
                                </li>
                                <li><!--[--><a href="../http.html" class="nav-link sidebar-link sidebar-page"
                                        aria-label="http - HTTP网络请求"><!---->http - HTTP网络请求<!----></a>
                                    <ul class="sidebar-sub-headers"></ul><!--]-->
                                </li>
                                <li><!--[--><a href="../media.html" class="nav-link sidebar-link sidebar-page"
                                        aria-label="media - 多媒体"><!---->media - 多媒体<!----></a>
                                    <ul class="sidebar-sub-headers"></ul><!--]-->
                                </li>
                                <li><!--[--><a href="../modules.html" class="nav-link sidebar-link sidebar-page"
                                        aria-label="module - 模块"><!---->module - 模块<!----></a>
                                    <ul class="sidebar-sub-headers"></ul><!--]-->
                                </li>
                                <li><!--[--><a href="../plugins.html" class="nav-link sidebar-link sidebar-page"
                                        aria-label="plugins - 插件"><!---->plugins - 插件<!----></a>
                                    <ul class="sidebar-sub-headers"></ul><!--]-->
                                </li>
                                <li><!--[--><a href="../powerManager.html" class="nav-link sidebar-link sidebar-page"
                                        aria-label="power_manager - 电源管理"><!---->power_manager - 电源管理<!----></a>
                                    <ul class="sidebar-sub-headers"></ul><!--]-->
                                </li>
                                <li><!--[--><a href="../sensors.html" class="nav-link sidebar-link sidebar-page"
                                        aria-label="sensors - 传感器"><!---->sensors - 传感器<!----></a>
                                    <ul class="sidebar-sub-headers"></ul><!--]-->
                                </li>
                                <li><!--[--><a href="../shell.html" class="nav-link sidebar-link sidebar-page"
                                        aria-label="shell - Shell命令"><!---->shell - Shell命令<!----></a>
                                    <ul class="sidebar-sub-headers"></ul><!--]-->
                                </li>
                                <li><!--[--><a href="../storages.html" class="nav-link sidebar-link sidebar-page"
                                        aria-label="storages - 本地存储"><!---->storages - 本地存储<!----></a>
                                    <ul class="sidebar-sub-headers"></ul><!--]-->
                                </li>
                                <li><!--[--><a href="../settings.html" class="nav-link sidebar-link sidebar-page"
                                        aria-label="settings - 设置"><!---->settings - 设置<!----></a>
                                    <ul class="sidebar-sub-headers"></ul><!--]-->
                                </li>
                                <li><!--[--><a href="../threads.html" class="nav-link sidebar-link sidebar-page"
                                        aria-label="threads - 多线程"><!---->threads - 多线程<!----></a>
                                    <ul class="sidebar-sub-headers"></ul><!--]-->
                                </li>
                                <li><!--[--><a href="../timers.html" class="nav-link sidebar-link sidebar-page"
                                        aria-label="timers - 定时器"><!---->timers - 定时器<!----></a>
                                    <ul class="sidebar-sub-headers"></ul><!--]-->
                                </li>
                                <li><!--[--><a href="../timedTasks.html" class="nav-link sidebar-link sidebar-page"
                                        aria-label="work_manager - 定时与任务"><!---->work_manager - 定时与任务<!----></a>
                                    <ul class="sidebar-sub-headers"></ul><!--]-->
                                </li>
                                <li>
                                    <section class="sidebar-group"><button
                                            class="sidebar-heading clickable active"><!----><span class="title">ui -
                                                用户界面</span><span class="arrow down"></span></button>
                                        <ul class="sidebar-links">
                                            <li><!--[--><a href="ui.html" class="nav-link sidebar-link sidebar-page"
                                                    aria-label="ui入门介绍"><!---->ui入门介绍<!----></a>
                                                <ul class="sidebar-sub-headers"></ul><!--]-->
                                            </li>
                                            <li><!--[--><a href="basic.html" class="nav-link sidebar-link sidebar-page"
                                                    aria-label="基础布局与控件"><!---->基础布局与控件<!----></a>
                                                <ul class="sidebar-sub-headers"></ul><!--]-->
                                            </li>
                                            <li><!--[--><a aria-current="page" href="advanced.html"
                                                    class="router-link-active router-link-exact-active nav-link sidebar-link sidebar-page"
                                                    aria-label="其他布局与控件"><!---->其他布局与控件<!----></a>
                                                <ul class="sidebar-sub-headers">
                                                    <li class="sidebar-sub-header"><a aria-current="page"
                                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#复选框控件-checkbox"
                                                            class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                            aria-label="复选框控件: checkbox"><!---->复选框控件:
                                                            checkbox<!----></a>
                                                        <ul class="sidebar-sub-headers">
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#text"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="text"><!---->text<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#checked"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="checked"><!---->checked<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#enabled"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="enabled"><!---->enabled<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#ischecked"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="isChecked()"><!---->isChecked()<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#事件-check"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="事件: check"><!---->事件: check<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                        </ul>
                                                    </li>
                                                    <li class="sidebar-sub-header"><a aria-current="page"
                                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#单选框控件-radio"
                                                            class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                            aria-label="单选框控件: radio"><!---->单选框控件: radio<!----></a>
                                                        <ul class="sidebar-sub-headers">
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#text-1"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="text"><!---->text<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#checked-1"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="checked"><!---->checked<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#enabled-1"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="enabled"><!---->enabled<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#ischecked-1"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="isChecked()"><!---->isChecked()<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#事件-check-1"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="事件: check"><!---->事件: check<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                        </ul>
                                                    </li>
                                                    <li class="sidebar-sub-header"><a aria-current="page"
                                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#单选框组合-radiogroup"
                                                            class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                            aria-label="单选框组合: radiogroup"><!---->单选框组合:
                                                            radiogroup<!----></a>
                                                        <ul class="sidebar-sub-headers">
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#checkedbutton"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="checkedButton"><!---->checkedButton<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#setoncheckedchangelistener-listener"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="setOnCheckedChangeListener(listener)"><!---->setOnCheckedChangeListener(listener)<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#getcheckedradiobuttonid"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="getCheckedRadioButtonId()"><!---->getCheckedRadioButtonId()<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#clearcheck"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="clearCheck()"><!---->clearCheck()<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                        </ul>
                                                    </li>
                                                    <li class="sidebar-sub-header"><a aria-current="page"
                                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#开关控�?switch"
                                                            class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                            aria-label="开关控件: Switch"><!---->开关控件: Switch<!----></a>
                                                        <ul class="sidebar-sub-headers">
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#text-2"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="text"><!---->text<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#checked-2"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="checked"><!---->checked<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#enabled-2"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="enabled"><!---->enabled<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#ischecked-2"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="isChecked()"><!---->isChecked()<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#事件-check-2"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="事件: check"><!---->事件: check<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                        </ul>
                                                    </li>
                                                    <li class="sidebar-sub-header"><a aria-current="page"
                                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#进度条控�?"
                                                            class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                            aria-label="进度条控件:"><!---->进度条控件:<!----></a>
                                                        <ul class="sidebar-sub-headers">
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#indeterminate"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="indeterminate"><!---->indeterminate<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#progress"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="progress"><!---->progress<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#min"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="min"><!---->min<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#max"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="max"><!---->max<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#progressdrawable"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="progressDrawable"><!---->progressDrawable<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#progressbackgroundtint"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="progressBackgroundTint"><!---->progressBackgroundTint<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#progressbackgroundtintmode"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="progressBackgroundTintMode"><!---->progressBackgroundTintMode<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#progresstint"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="progressTint"><!---->progressTint<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#progresstintmode"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="progressTintMode"><!---->progressTintMode<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#secondaryprogress"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="secondaryProgress"><!---->secondaryProgress<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#secondaryprogresstint"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="secondaryProgressTint"><!---->secondaryProgressTint<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#secondaryprogresstintmode"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="secondaryProgressTintMode"><!---->secondaryProgressTintMode<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#style"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="style"><!---->style<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                        </ul>
                                                    </li>
                                                    <li class="sidebar-sub-header"><a aria-current="page"
                                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#拖动条控�?seekbar"
                                                            class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                            aria-label="拖动条控件: seekbar"><!---->拖动条控件: seekbar<!----></a>
                                                        <ul class="sidebar-sub-headers"></ul>
                                                    </li>
                                                    <li class="sidebar-sub-header"><a aria-current="page"
                                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#下拉菜单控件-spinner"
                                                            class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                            aria-label="下拉菜单控件: spinner"><!---->下拉菜单控件:
                                                            spinner<!----></a>
                                                        <ul class="sidebar-sub-headers">
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#spinnermode"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="spinnerMode"><!---->spinnerMode<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#dropdownhorizontaloffset"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="dropDownHorizontalOffset"><!---->dropDownHorizontalOffset<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#dropdownverticaloffset"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="dropDownVerticalOffset"><!---->dropDownVerticalOffset<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#dropdownwidth"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="dropDownWidth"><!---->dropDownWidth<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#popupbackground"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="popupBackground"><!---->popupBackground<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#prompt"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="prompt"><!---->prompt<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#textstyle"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="textStyle"><!---->textStyle<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#textcolor"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="textColor"><!---->textColor<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#textsize"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="textSize"><!---->textSize<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#entries"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="entries"><!---->entries<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#entrytextstyle"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="entryTextStyle"><!---->entryTextStyle<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#entrytextcolor"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="entryTextColor"><!---->entryTextColor<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#entrytextsize"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="entryTextSize"><!---->entryTextSize<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                        </ul>
                                                    </li>
                                                    <li class="sidebar-sub-header"><a aria-current="page"
                                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#时间选择控件-timepicker"
                                                            class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                            aria-label="时间选择控件: timePicker"><!---->时间选择控件:
                                                            timePicker<!----></a>
                                                        <ul class="sidebar-sub-headers">
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#timepickermode"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="timePickerMode"><!---->timePickerMode<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                        </ul>
                                                    </li>
                                                    <li class="sidebar-sub-header"><a aria-current="page"
                                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#日期选择控件-datepicker"
                                                            class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                            aria-label="日期选择控件: datePicker"><!---->日期选择控件:
                                                            datePicker<!----></a>
                                                        <ul class="sidebar-sub-headers">
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#datepickermode"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="datePickerMode"><!---->datePickerMode<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                        </ul>
                                                    </li>
                                                    <li class="sidebar-sub-header"><a aria-current="page"
                                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#浮动按钮控件-fab"
                                                            class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                            aria-label="浮动按钮控件: fab"><!---->浮动按钮控件: fab<!----></a>
                                                        <ul class="sidebar-sub-headers">
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#src"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="src"><!---->src<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                        </ul>
                                                    </li>
                                                    <li class="sidebar-sub-header"><a aria-current="page"
                                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#标题栏控�?toolbar"
                                                            class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                            aria-label="标题栏控件: toolbar"><!---->标题栏控件: toolbar<!----></a>
                                                        <ul class="sidebar-sub-headers">
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#logo"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="logo"><!---->logo<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#logodescription"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="logoDescription"><!---->logoDescription<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#navigationicon"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="navigationIcon"><!---->navigationIcon<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#popuptheme"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="popupTheme"><!---->popupTheme<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#title"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="title"><!---->title<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#titletextcolor"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="titleTextColor"><!---->titleTextColor<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#titlemargin"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="titleMargin"><!---->titleMargin<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#titlemarginbottom"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="titleMarginBottom"><!---->titleMarginBottom<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#titlemargintop"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="titleMarginTop"><!---->titleMarginTop<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#titlemarginstart"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="titleMarginStart"><!---->titleMarginStart<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#titlemarginend"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="titleMarginEnd"><!---->titleMarginEnd<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#subtitle"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="subtitle"><!---->subtitle<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#subtitletextcolor"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="subtitleTextColor"><!---->subtitleTextColor<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                        </ul>
                                                    </li>
                                                    <li class="sidebar-sub-header"><a aria-current="page"
                                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#卡片-card"
                                                            class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                            aria-label="卡片: card"><!---->卡片: card<!----></a>
                                                        <ul class="sidebar-sub-headers">
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#cardbackgroundcolor"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="cardBackgroundColor"><!---->cardBackgroundColor<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#cardcornerradius"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="cardCornerRadius"><!---->cardCornerRadius<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#cardelevation"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="cardElevation"><!---->cardElevation<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#contentpadding"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="contentPadding"><!---->contentPadding<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#foreground"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="foreground"><!---->foreground<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                        </ul>
                                                    </li>
                                                    <li class="sidebar-sub-header"><a aria-current="page"
                                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#抽屉布局-drawer"
                                                            class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                            aria-label="抽屉布局: drawer"><!---->抽屉布局: drawer<!----></a>
                                                        <ul class="sidebar-sub-headers"></ul>
                                                    </li>
                                                    <li class="sidebar-sub-header"><a aria-current="page"
                                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#列表-list"
                                                            class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                            aria-label="列表: list"><!---->列表: list<!----></a>
                                                        <ul class="sidebar-sub-headers">
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#事件-item-click"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="事件: item_click"><!---->事件:
                                                                    item_click<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#事件-item-click-1"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="事件: item_click"><!---->事件:
                                                                    item_click<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#事件-item-long-click"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="事件: item_long_click"><!---->事件:
                                                                    item_long_click<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#事件-item-bind"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="事件: item_bind"><!---->事件:
                                                                    item_bind<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#事件-item-data-bind"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="事件: item_data_bind"><!---->事件:
                                                                    item_data_bind<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                        </ul>
                                                    </li>
                                                    <li class="sidebar-sub-header"><a aria-current="page"
                                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#选项�?tab"
                                                            class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                            aria-label="选项卡: tab"><!---->选项卡: tab<!----></a>
                                                        <ul class="sidebar-sub-headers">
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#tabgravity"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="tabGravity"><!---->tabGravity<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#tabindicatorcolor"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="tabIndicatorColor"><!---->tabIndicatorColor<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#tabindicatorheight"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="tabIndicatorHeight"><!---->tabIndicatorHeight<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#tabmode"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="tabMode"><!---->tabMode<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#tabtextcolor"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="tabTextColor"><!---->tabTextColor<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#tabselectedtextcolor"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="tabSelectedTextColor"><!---->tabSelectedTextColor<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                        </ul>
                                                    </li>
                                                    <li class="sidebar-sub-header"><a aria-current="page"
                                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#控制�?console"
                                                            class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                            aria-label="控制台: console"><!---->控制台: console<!----></a>
                                                        <ul class="sidebar-sub-headers">
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#console-setconsole-con"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="console.setConsole(con)"><!---->console.setConsole(con)<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#ui-console-setinputenabled-enabled"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="ui.console.setInputEnabled(enabled)"><!---->ui.console.setInputEnabled(enabled)<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#console-getinput"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="console.getInput()"><!---->console.getInput()<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#console-setcolor-level-color"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="console.setColor(level，color)"><!---->console.setColor(level，color)<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#console-settextsize-size"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="console.setTextSize(size)"><!---->console.setTextSize(size)<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                        </ul>
                                                    </li>
                                                    <li class="sidebar-sub-header"><a aria-current="page"
                                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#全局控制�?globalconsole"
                                                            class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                            aria-label="全局控制台: globalconsole"><!---->全局控制台:
                                                            globalconsole<!----></a>
                                                        <ul class="sidebar-sub-headers">
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#globalconsole-setcolor-level-color"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="globalconsole.setColor(level，color)"><!---->globalconsole.setColor(level，color)<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#globalconsole-setlogfile-file"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="globalconsole.setLogFile(file)"><!---->globalconsole.setLogFile(file)<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                            <li class="sidebar-sub-header"><a aria-current="page"
                                                                    href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#globalconsole-clear"
                                                                    class="router-link-active router-link-exact-active nav-link sidebar-link heading"
                                                                    aria-label="globalconsole.clear()"><!---->globalconsole.clear()<!----></a>
                                                                <ul class="sidebar-sub-headers"></ul>
                                                            </li>
                                                        </ul>
                                                    </li>
                                                </ul><!--]-->
                                            </li>
                                            <li><!--[--><a href="api.html" class="nav-link sidebar-link sidebar-page"
                                                    aria-label="api文档"><!---->api文档<!----></a>
                                                <ul class="sidebar-sub-headers"></ul><!--]-->
                                            </li>
                                            <li><!--[--><a href="customWidget.html"
                                                    class="nav-link sidebar-link sidebar-page"
                                                    aria-label="自定义控件"><!---->自定义控件<!----></a>
                                                <ul class="sidebar-sub-headers"></ul><!--]-->
                                            </li>
                                            <li><!--[--><a href="webview.html"
                                                    class="nav-link sidebar-link sidebar-page"
                                                    aria-label="使用Web编写界面"><!---->使用Web编写界面<!----></a>
                                                <ul class="sidebar-sub-headers"></ul><!--]-->
                                            </li>
                                        </ul>
                                    </section>
                                </li>
                                <li><!--[--><a href="../util.html" class="nav-link sidebar-link sidebar-page"
                                        aria-label="util - 工具"><!---->util - 工具<!----></a>
                                    <ul class="sidebar-sub-headers"></ul><!--]-->
                                </li>
                                <li><!--[--><a href="../webSocket.html" class="nav-link sidebar-link sidebar-page"
                                        aria-label="WebSocket"><!---->WebSocket<!----></a>
                                    <ul class="sidebar-sub-headers"></ul><!--]-->
                                </li>
                                <li><!--[--><a href="../zip.html" class="nav-link sidebar-link sidebar-page"
                                        aria-label="zip - 压缩与解压"><!---->zip - 压缩与解压<!----></a>
                                    <ul class="sidebar-sub-headers"></ul><!--]-->
                                </li>
                            </ul>
                        </section>
                    </li>
                    <li>
                        <section class="sidebar-group">
                            <p class="sidebar-heading"><!----><span class="title">进阶</span><!----></p>
                            <ul class="sidebar-links">
                                <li><!--[--><a href="../scriptingJava.html" class="nav-link sidebar-link sidebar-page"
                                        aria-label="和Java交互"><!---->和Java交互<!----></a>
                                    <ul class="sidebar-sub-headers"></ul><!--]-->
                                </li>
                            </ul>
                        </section>
                    </li>
                </ul><!--[--><!----><!--]-->
            </aside><!--[-->
            <main class="page" id="main-content"><!--[--><!---->
                <nav class="breadcrumb disable"></nav>
                <div class="page-title">
                    <h1><!---->其他布局与控件</h1>
                    <div class="page-info"><span class="date-info" aria-label="写作日期📅" data-balloon-pos="down"><svg
                                xmlns="http://www.w3.org/2000/svg" class="icon calendar-icon" viewBox="0 0 1024 1024"
                                fill="currentColor" aria-label="calendar icon">
                                <path
                                    d="M716.4 110.137c0-18.753-14.72-33.473-33.472-33.473-18.753 0-33.473 14.72-33.473 33.473v33.473h66.993v-33.473zm-334.87 0c0-18.753-14.72-33.473-33.473-33.473s-33.52 14.72-33.52 33.473v33.473h66.993v-33.473zm468.81 33.52H716.4v100.465c0 18.753-14.72 33.473-33.472 33.473a33.145 33.145 0 01-33.473-33.473V143.657H381.53v100.465c0 18.753-14.72 33.473-33.473 33.473a33.145 33.145 0 01-33.473-33.473V143.657H180.6A134.314 134.314 0 0046.66 277.595v535.756A134.314 134.314 0 00180.6 947.289h669.74a134.36 134.36 0 00133.94-133.938V277.595a134.314 134.314 0 00-133.94-133.938zm33.473 267.877H147.126a33.145 33.145 0 01-33.473-33.473c0-18.752 14.72-33.473 33.473-33.473h736.687c18.752 0 33.472 14.72 33.472 33.473a33.145 33.145 0 01-33.472 33.473z">
                                </path>
                            </svg><span>2022年10月27日</span>
                            <meta property="datePublished" content="2022-10-27T05:15:37.000Z">
                        </span></div>
                    <hr>
                </div>
                <div class="toc-place-holder">
                    <aside id="toc">
                        <div class="toc-header">此页内容</div>
                        <div class="toc-wrapper">
                            <ul class="toc-list"><!--[-->
                                <li class="toc-item"><a aria-current="page"
                                        href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#复选框控件-checkbox"
                                        class="router-link-active router-link-exact-active toc-link level2">复选框控件:
                                        checkbox</a></li>
                                <ul class="toc-list"><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#text"
                                            class="router-link-active router-link-exact-active toc-link level3">text</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#checked"
                                            class="router-link-active router-link-exact-active toc-link level3">checked</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#enabled"
                                            class="router-link-active router-link-exact-active toc-link level3">enabled</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#ischecked"
                                            class="router-link-active router-link-exact-active toc-link level3">isChecked()</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#事件-check"
                                            class="router-link-active router-link-exact-active toc-link level3">事件:
                                            check</a></li><!----><!--]-->
                                </ul><!--]--><!--[-->
                                <li class="toc-item"><a aria-current="page"
                                        href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#单选框控件-radio"
                                        class="router-link-active router-link-exact-active toc-link level2">单选框控件:
                                        radio</a></li>
                                <ul class="toc-list"><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#text-1"
                                            class="router-link-active router-link-exact-active toc-link level3">text</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#checked-1"
                                            class="router-link-active router-link-exact-active toc-link level3">checked</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#enabled-1"
                                            class="router-link-active router-link-exact-active toc-link level3">enabled</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#ischecked-1"
                                            class="router-link-active router-link-exact-active toc-link level3">isChecked()</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#事件-check-1"
                                            class="router-link-active router-link-exact-active toc-link level3">事件:
                                            check</a></li><!----><!--]-->
                                </ul><!--]--><!--[-->
                                <li class="toc-item"><a aria-current="page"
                                        href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#单选框组合-radiogroup"
                                        class="router-link-active router-link-exact-active toc-link level2">单选框组合:
                                        radiogroup</a></li>
                                <ul class="toc-list"><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#checkedbutton"
                                            class="router-link-active router-link-exact-active toc-link level3">checkedButton</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#setoncheckedchangelistener-listener"
                                            class="router-link-active router-link-exact-active toc-link level3">setOnCheckedChangeListener(listener)</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#getcheckedradiobuttonid"
                                            class="router-link-active router-link-exact-active toc-link level3">getCheckedRadioButtonId()</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#clearcheck"
                                            class="router-link-active router-link-exact-active toc-link level3">clearCheck()</a>
                                    </li><!----><!--]-->
                                </ul><!--]--><!--[-->
                                <li class="toc-item"><a aria-current="page"
                                        href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#开关控�?switch"
                                        class="router-link-active router-link-exact-active toc-link level2">开关控件:
                                        Switch</a></li>
                                <ul class="toc-list"><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#text-2"
                                            class="router-link-active router-link-exact-active toc-link level3">text</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#checked-2"
                                            class="router-link-active router-link-exact-active toc-link level3">checked</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#enabled-2"
                                            class="router-link-active router-link-exact-active toc-link level3">enabled</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#ischecked-2"
                                            class="router-link-active router-link-exact-active toc-link level3">isChecked()</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#事件-check-2"
                                            class="router-link-active router-link-exact-active toc-link level3">事件:
                                            check</a></li><!----><!--]-->
                                </ul><!--]--><!--[-->
                                <li class="toc-item"><a aria-current="page"
                                        href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#进度条控�?"
                                        class="router-link-active router-link-exact-active toc-link level2">进度条控件:</a>
                                </li>
                                <ul class="toc-list"><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#indeterminate"
                                            class="router-link-active router-link-exact-active toc-link level3">indeterminate</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#progress"
                                            class="router-link-active router-link-exact-active toc-link level3">progress</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#min"
                                            class="router-link-active router-link-exact-active toc-link level3">min</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#max"
                                            class="router-link-active router-link-exact-active toc-link level3">max</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#progressdrawable"
                                            class="router-link-active router-link-exact-active toc-link level3">progressDrawable</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#progressbackgroundtint"
                                            class="router-link-active router-link-exact-active toc-link level3">progressBackgroundTint</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#progressbackgroundtintmode"
                                            class="router-link-active router-link-exact-active toc-link level3">progressBackgroundTintMode</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#progresstint"
                                            class="router-link-active router-link-exact-active toc-link level3">progressTint</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#progresstintmode"
                                            class="router-link-active router-link-exact-active toc-link level3">progressTintMode</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#secondaryprogress"
                                            class="router-link-active router-link-exact-active toc-link level3">secondaryProgress</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#secondaryprogresstint"
                                            class="router-link-active router-link-exact-active toc-link level3">secondaryProgressTint</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#secondaryprogresstintmode"
                                            class="router-link-active router-link-exact-active toc-link level3">secondaryProgressTintMode</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#style"
                                            class="router-link-active router-link-exact-active toc-link level3">style</a>
                                    </li><!----><!--]-->
                                </ul><!--]--><!--[-->
                                <li class="toc-item"><a aria-current="page"
                                        href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#拖动条控�?seekbar"
                                        class="router-link-active router-link-exact-active toc-link level2">拖动条控件:
                                        seekbar</a></li><!----><!--]--><!--[-->
                                <li class="toc-item"><a aria-current="page"
                                        href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#下拉菜单控件-spinner"
                                        class="router-link-active router-link-exact-active toc-link level2">下拉菜单控件:
                                        spinner</a></li>
                                <ul class="toc-list"><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#spinnermode"
                                            class="router-link-active router-link-exact-active toc-link level3">spinnerMode</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#dropdownhorizontaloffset"
                                            class="router-link-active router-link-exact-active toc-link level3">dropDownHorizontalOffset</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#dropdownverticaloffset"
                                            class="router-link-active router-link-exact-active toc-link level3">dropDownVerticalOffset</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#dropdownwidth"
                                            class="router-link-active router-link-exact-active toc-link level3">dropDownWidth</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#popupbackground"
                                            class="router-link-active router-link-exact-active toc-link level3">popupBackground</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#prompt"
                                            class="router-link-active router-link-exact-active toc-link level3">prompt</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#textstyle"
                                            class="router-link-active router-link-exact-active toc-link level3">textStyle</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#textcolor"
                                            class="router-link-active router-link-exact-active toc-link level3">textColor</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#textsize"
                                            class="router-link-active router-link-exact-active toc-link level3">textSize</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#entries"
                                            class="router-link-active router-link-exact-active toc-link level3">entries</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#entrytextstyle"
                                            class="router-link-active router-link-exact-active toc-link level3">entryTextStyle</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#entrytextcolor"
                                            class="router-link-active router-link-exact-active toc-link level3">entryTextColor</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#entrytextsize"
                                            class="router-link-active router-link-exact-active toc-link level3">entryTextSize</a>
                                    </li><!----><!--]-->
                                </ul><!--]--><!--[-->
                                <li class="toc-item"><a aria-current="page"
                                        href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#时间选择控件-timepicker"
                                        class="router-link-active router-link-exact-active toc-link level2">时间选择控件:
                                        timePicker</a></li>
                                <ul class="toc-list"><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#timepickermode"
                                            class="router-link-active router-link-exact-active toc-link level3">timePickerMode</a>
                                    </li><!----><!--]-->
                                </ul><!--]--><!--[-->
                                <li class="toc-item"><a aria-current="page"
                                        href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#日期选择控件-datepicker"
                                        class="router-link-active router-link-exact-active toc-link level2">日期选择控件:
                                        datePicker</a></li>
                                <ul class="toc-list"><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#datepickermode"
                                            class="router-link-active router-link-exact-active toc-link level3">datePickerMode</a>
                                    </li><!----><!--]-->
                                </ul><!--]--><!--[-->
                                <li class="toc-item"><a aria-current="page"
                                        href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#浮动按钮控件-fab"
                                        class="router-link-active router-link-exact-active toc-link level2">浮动按钮控件:
                                        fab</a></li>
                                <ul class="toc-list"><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#src"
                                            class="router-link-active router-link-exact-active toc-link level3">src</a>
                                    </li><!----><!--]-->
                                </ul><!--]--><!--[-->
                                <li class="toc-item"><a aria-current="page"
                                        href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#标题栏控�?toolbar"
                                        class="router-link-active router-link-exact-active toc-link level2">标题栏控件:
                                        toolbar</a></li>
                                <ul class="toc-list"><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#logo"
                                            class="router-link-active router-link-exact-active toc-link level3">logo</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#logodescription"
                                            class="router-link-active router-link-exact-active toc-link level3">logoDescription</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#navigationicon"
                                            class="router-link-active router-link-exact-active toc-link level3">navigationIcon</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#popuptheme"
                                            class="router-link-active router-link-exact-active toc-link level3">popupTheme</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#title"
                                            class="router-link-active router-link-exact-active toc-link level3">title</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#titletextcolor"
                                            class="router-link-active router-link-exact-active toc-link level3">titleTextColor</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#titlemargin"
                                            class="router-link-active router-link-exact-active toc-link level3">titleMargin</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#titlemarginbottom"
                                            class="router-link-active router-link-exact-active toc-link level3">titleMarginBottom</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#titlemargintop"
                                            class="router-link-active router-link-exact-active toc-link level3">titleMarginTop</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#titlemarginstart"
                                            class="router-link-active router-link-exact-active toc-link level3">titleMarginStart</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#titlemarginend"
                                            class="router-link-active router-link-exact-active toc-link level3">titleMarginEnd</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#subtitle"
                                            class="router-link-active router-link-exact-active toc-link level3">subtitle</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#subtitletextcolor"
                                            class="router-link-active router-link-exact-active toc-link level3">subtitleTextColor</a>
                                    </li><!----><!--]-->
                                </ul><!--]--><!--[-->
                                <li class="toc-item"><a aria-current="page"
                                        href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#卡片-card"
                                        class="router-link-active router-link-exact-active toc-link level2">卡片: card</a>
                                </li>
                                <ul class="toc-list"><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#cardbackgroundcolor"
                                            class="router-link-active router-link-exact-active toc-link level3">cardBackgroundColor</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#cardcornerradius"
                                            class="router-link-active router-link-exact-active toc-link level3">cardCornerRadius</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#cardelevation"
                                            class="router-link-active router-link-exact-active toc-link level3">cardElevation</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#contentpadding"
                                            class="router-link-active router-link-exact-active toc-link level3">contentPadding</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#foreground"
                                            class="router-link-active router-link-exact-active toc-link level3">foreground</a>
                                    </li><!----><!--]-->
                                </ul><!--]--><!--[-->
                                <li class="toc-item"><a aria-current="page"
                                        href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#抽屉布局-drawer"
                                        class="router-link-active router-link-exact-active toc-link level2">抽屉布局:
                                        drawer</a></li><!----><!--]--><!--[-->
                                <li class="toc-item"><a aria-current="page"
                                        href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#列表-list"
                                        class="router-link-active router-link-exact-active toc-link level2">列表: list</a>
                                </li>
                                <ul class="toc-list"><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#事件-item-click"
                                            class="router-link-active router-link-exact-active toc-link level3">事件:
                                            item_click</a></li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#事件-item-click-1"
                                            class="router-link-active router-link-exact-active toc-link level3">事件:
                                            item_click</a></li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#事件-item-long-click"
                                            class="router-link-active router-link-exact-active toc-link level3">事件:
                                            item_long_click</a></li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#事件-item-bind"
                                            class="router-link-active router-link-exact-active toc-link level3">事件:
                                            item_bind</a></li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#事件-item-data-bind"
                                            class="router-link-active router-link-exact-active toc-link level3">事件:
                                            item_data_bind</a></li><!----><!--]-->
                                </ul><!--]--><!--[-->
                                <li class="toc-item"><a aria-current="page"
                                        href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#选项�?tab"
                                        class="router-link-active router-link-exact-active toc-link level2">选项卡: tab</a>
                                </li>
                                <ul class="toc-list"><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#tabgravity"
                                            class="router-link-active router-link-exact-active toc-link level3">tabGravity</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#tabindicatorcolor"
                                            class="router-link-active router-link-exact-active toc-link level3">tabIndicatorColor</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#tabindicatorheight"
                                            class="router-link-active router-link-exact-active toc-link level3">tabIndicatorHeight</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#tabmode"
                                            class="router-link-active router-link-exact-active toc-link level3">tabMode</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#tabtextcolor"
                                            class="router-link-active router-link-exact-active toc-link level3">tabTextColor</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#tabselectedtextcolor"
                                            class="router-link-active router-link-exact-active toc-link level3">tabSelectedTextColor</a>
                                    </li><!----><!--]-->
                                </ul><!--]--><!--[-->
                                <li class="toc-item"><a aria-current="page"
                                        href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#控制�?console"
                                        class="router-link-active router-link-exact-active toc-link level2">控制台:
                                        console</a></li>
                                <ul class="toc-list"><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#console-setconsole-con"
                                            class="router-link-active router-link-exact-active toc-link level3">console.setConsole(con)</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#ui-console-setinputenabled-enabled"
                                            class="router-link-active router-link-exact-active toc-link level3">ui.console.setInputEnabled(enabled)</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#console-getinput"
                                            class="router-link-active router-link-exact-active toc-link level3">console.getInput()</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#console-setcolor-level-color"
                                            class="router-link-active router-link-exact-active toc-link level3">console.setColor(level，color)</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#console-settextsize-size"
                                            class="router-link-active router-link-exact-active toc-link level3">console.setTextSize(size)</a>
                                    </li><!----><!--]-->
                                </ul><!--]--><!--[-->
                                <li class="toc-item"><a aria-current="page"
                                        href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#全局控制�?globalconsole"
                                        class="router-link-active router-link-exact-active toc-link level2">全局控制台:
                                        globalconsole</a></li>
                                <ul class="toc-list"><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#globalconsole-setcolor-level-color"
                                            class="router-link-active router-link-exact-active toc-link level3">globalconsole.setColor(level，color)</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#globalconsole-setlogfile-file"
                                            class="router-link-active router-link-exact-active toc-link level3">globalconsole.setLogFile(file)</a>
                                    </li><!----><!--]--><!--[-->
                                    <li class="toc-item"><a aria-current="page"
                                            href="https://pro.autojs.org/docs/zh/v8/ui/advanced.html#globalconsole-clear"
                                            class="router-link-active router-link-exact-active toc-link level3">globalconsole.clear()</a>
                                    </li><!----><!--]-->
                                </ul><!--]-->
                            </ul>
                        </div>
                    </aside>
                </div><!---->
                <div class="theme-hope-content">
                    <h1 id="其他布局与控件" tabindex="-1"><a class="header-anchor" href="#其他布局与控件" aria-hidden="true">#</a>
                        其他布局与控件</h1>
                    <p>本节将介绍其他的控件和布局。</p>
                    <h2 id="复选框控件-checkbox" tabindex="-1"><a class="header-anchor" href="#复选框控件-checkbox"
                            aria-hidden="true">#</a> 复选框控件: checkbox</h2>
                    <blockquote>
                        <p>参见Android <a href="https://developer.android.google.cn/reference/android/widget/CheckBox"
                                target="_blank" rel="noopener noreferrer">CheckBox<span><svg class="external-link-icon"
                                        xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px"
                                        y="0px" viewBox="0 0 100 100" width="15" height="15">
                                        <path fill="currentColor"
                                            d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z">
                                        </path>
                                        <polygon fill="currentColor"
                                            points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9">
                                        </polygon>
                                    </svg><span class="external-link-icon-sr-only">open in new window</span></span></a>。
                        </p>
                    </blockquote>
                    <p>checkbox控件即复选框，提供勾选交互的控件。</p>
                    <p><img src="../../../assets/checkbox.c74a8e7c.png" alt="checkbox" loading="lazy"></p>
                    <h3 id="text" tabindex="-1"><a class="header-anchor" href="#text" aria-hidden="true">#</a> text</h3>
                    <p>checkbox控件的文本，显示在勾选框后面。实际上checkbox控件继承于<a
                            href="#%E6%96%87%E6%9C%AC%E6%8E%A7%E4%BB%B6-text">text</a>和<a
                            href="#%E6%8C%89%E9%92%AE%E6%8E%A7%E4%BB%B6-button">button</a>控件，它们的属性也可以用在checkbox上，比如<code><span class="token property">textSize</span></code>,
                        <code><span class="token property">textStyle</span></code>。</p>
                    <h3 id="checked" tabindex="-1"><a class="header-anchor" href="#checked" aria-hidden="true">#</a>
                        checked</h3>
                    <p>设置checkbox的选中状态，当<code>checked<span class="token operator">=</span><span class="token string">&quot;true&quot;</span></code>为选中选项框，否则为未选中选项框。可以通过attr方法动态设置勾选框的状态。比如：<code>$ui<span class="token punctuation">.</span>checkbox1<span class="token punctuation">.</span><span class="token function">attr</span><span class="token punctuation">(</span><span class="token string">&quot;checked&quot;</span><span class="token punctuation">,</span> <span class="token string">&quot;true&quot;</span><span class="token punctuation">)</span></code>。
                    </p>
                    <h3 id="enabled" tabindex="-1"><a class="header-anchor" href="#enabled" aria-hidden="true">#</a>
                        enabled</h3>
                    <p>设置复选框是否是启用的，若<code>enabled<span class="token operator">=</span><span class="token string">&quot;false&quot;</span></code>则为禁用状态，显示未灰色，无法交互。
                    </p>
                    <h3 id="ischecked" tabindex="-1"><a class="header-anchor" href="#ischecked" aria-hidden="true">#</a>
                        isChecked()</h3>
                    <ul>
                        <li>返回 {boolean}</li>
                    </ul>
                    <p>通过isChecked可以检测选项框当前是否被选中。如果被选中则返回为<code><span class="token boolean">true</span></code>，否则为<code><span class="token boolean">false</span></code>。
                    </p>
                    <h3 id="事件-check" tabindex="-1"><a class="header-anchor" href="#事件-check" aria-hidden="true">#</a>
                        事件: <code><span class="token property">check</span></code></h3>
                    <ul>
                        <li><code><span class="token property">checked</span></code> {boolean} 是否被勾选</li>
                        <li><code><span class="token property">view</span></code> {View} 当前事件的View</li>
                    </ul>
                    <p>当用户勾选/取消勾选选项框时会触发该事件。</p>
                    <div class="language-javascript ext-js line-numbers-mode">
                        <pre class="language-javascript"><code><span class="token string">&quot;ui&quot;</span><span class="token punctuation">;</span>
ui<span class="token punctuation">.</span><span class="token function">layout</span><span class="token punctuation">(</span>
    <span class="token operator">&lt;</span>vertical padding<span class="token operator">=</span><span class="token string">&quot;16&quot;</span><span class="token operator">&gt;</span>
        <span class="token operator">&lt;</span>checkbox id<span class="token operator">=</span><span class="token string">&quot;cb1&quot;</span> text<span class="token operator">=</span><span class="token string">&quot;复选框&quot;</span><span class="token operator">/</span><span class="token operator">&gt;</span>
        <span class="token operator">&lt;</span>checkbox id<span class="token operator">=</span><span class="token string">&quot;cb2&quot;</span> checked<span class="token operator">=</span><span class="token string">&quot;true&quot;</span> text<span class="token operator">=</span><span class="token string">&quot;勾选的复选框&quot;</span><span class="token operator">/</span><span class="token operator">&gt;</span>
        <span class="token operator">&lt;</span>checkbox id<span class="token operator">=</span><span class="token string">&quot;cb3&quot;</span> text<span class="token operator">=</span><span class="token string">&quot;被禁用的复选框&quot;</span> enabled<span class="token operator">=</span><span class="token string">&quot;false&quot;</span><span class="token operator">/</span><span class="token operator">&gt;</span>
    <span class="token operator">&lt;</span><span class="token operator">/</span>vertical<span class="token operator">&gt;</span>
<span class="token punctuation">)</span><span class="token punctuation">;</span>

ui<span class="token punctuation">.</span>cb1<span class="token punctuation">.</span><span class="token function">on</span><span class="token punctuation">(</span><span class="token string">&quot;check&quot;</span><span class="token punctuation">,</span> <span class="token punctuation">(</span><span class="token parameter">checked</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
    <span class="token keyword">if</span> <span class="token punctuation">(</span>checked<span class="token punctuation">)</span> <span class="token punctuation">{</span>
        <span class="token function">toast</span><span class="token punctuation">(</span><span class="token string">&quot;第一个框被勾选了&quot;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    <span class="token punctuation">}</span> <span class="token keyword">else</span> <span class="token punctuation">{</span>
        <span class="token function">toast</span><span class="token punctuation">(</span><span class="token string">&quot;第一个框被取消勾选了&quot;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    <span class="token punctuation">}</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

<span class="token comment">// 修改cb3的checked属性</span>
$ui<span class="token punctuation">.</span>cb3<span class="token punctuation">.</span><span class="token function">attr</span><span class="token punctuation">(</span><span class="token string">&quot;checked&quot;</span><span class="token punctuation">,</span> <span class="token string">&quot;true&quot;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

</code></pre>
                        <div class="line-numbers" aria-hidden="true">
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                        </div>
                    </div>
                    <h2 id="单选框控件-radio" tabindex="-1"><a class="header-anchor" href="#单选框控件-radio"
                            aria-hidden="true">#</a> 单选框控件: radio</h2>
                    <blockquote>
                        <p>参见Android <a href="https://developer.android.google.cn/reference/android/widget/RadioButton"
                                target="_blank" rel="noopener noreferrer">RadioButton<span><svg
                                        class="external-link-icon" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"
                                        focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15">
                                        <path fill="currentColor"
                                            d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z">
                                        </path>
                                        <polygon fill="currentColor"
                                            points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9">
                                        </polygon>
                                    </svg><span class="external-link-icon-sr-only">open in new window</span></span></a>。
                        </p>
                    </blockquote>
                    <p>单选框只能选中一个选项，一般与radiogroup搭配使用。</p>
                    <p><img src="" alt="radio" loading="lazy"></p>
                    <h3 id="text-1" tabindex="-1"><a class="header-anchor" href="#text-1" aria-hidden="true">#</a> text
                    </h3>
                    <p>radio控件的文本，显示在单选框后面。实际上radio控件也继承于<a
                            href="#%E6%96%87%E6%9C%AC%E6%8E%A7%E4%BB%B6-text">text</a>和<a
                            href="#%E6%8C%89%E9%92%AE%E6%8E%A7%E4%BB%B6-button">button</a>控件，它们的属性也可以用在radio上，比如<code><span class="token property">textSize</span></code>,
                        <code><span class="token property">textStyle</span></code>。</p>
                    <h3 id="checked-1" tabindex="-1"><a class="header-anchor" href="#checked-1" aria-hidden="true">#</a>
                        checked</h3>
                    <p>设置radio单选框的选中状态，当<code>checked<span class="token operator">=</span><span class="token string">&quot;true&quot;</span></code>为选中选项框，否则为未选中选项框。
                    </p>
                    <h3 id="enabled-1" tabindex="-1"><a class="header-anchor" href="#enabled-1" aria-hidden="true">#</a>
                        enabled</h3>
                    <p>设置单选框是否是启用的，若<code>enabled<span class="token operator">=</span><span class="token string">&quot;false&quot;</span></code>则为禁用状态，显示未灰色，无法交互。
                    </p>
                    <h3 id="ischecked-1" tabindex="-1"><a class="header-anchor" href="#ischecked-1"
                            aria-hidden="true">#</a> isChecked()</h3>
                    <ul>
                        <li>返回 {boolean}</li>
                    </ul>
                    <p>返回选项框是否被选中，是则返回<code><span class="token boolean">true</span></code>，否则返回<code><span class="token boolean">false</span></code>。例如<code>$ui<span class="token punctuation">.</span>radio1<span class="token punctuation">.</span><span class="token function">isChecked</span><span class="token punctuation">(</span><span class="token punctuation">)</span></code>。
                    </p>
                    <h3 id="事件-check-1" tabindex="-1"><a class="header-anchor" href="#事件-check-1"
                            aria-hidden="true">#</a> 事件: <code><span class="token property">check</span></code></h3>
                    <ul>
                        <li><code><span class="token property">checked</span></code> {boolean} 是否被勾选</li>
                        <li><code><span class="token property">view</span></code> {View} 当前事件的View</li>
                    </ul>
                    <p>当用户勾选/取消勾选选项框时会触发该事件。</p>
                    <div class="language-javascript ext-js line-numbers-mode">
                        <pre class="language-javascript"><code><span class="token string">&quot;ui&quot;</span><span class="token punctuation">;</span>

ui<span class="token punctuation">.</span><span class="token function">layout</span><span class="token punctuation">(</span>
    <span class="token operator">&lt;</span>vertical padding<span class="token operator">=</span><span class="token string">&quot;16&quot;</span><span class="token operator">&gt;</span>
        <span class="token operator">&lt;</span>radio id<span class="token operator">=</span><span class="token string">&quot;radio1&quot;</span> text<span class="token operator">=</span><span class="token string">&quot;单选框1&quot;</span><span class="token operator">/</span><span class="token operator">&gt;</span>
        <span class="token operator">&lt;</span>radio id<span class="token operator">=</span><span class="token string">&quot;radio2&quot;</span> text<span class="token operator">=</span><span class="token string">&quot;单选框2&quot;</span><span class="token operator">/</span><span class="token operator">&gt;</span>
        <span class="token operator">&lt;</span>radio id<span class="token operator">=</span><span class="token string">&quot;radio3&quot;</span> text<span class="token operator">=</span><span class="token string">&quot;已勾选的单选框3&quot;</span> checked<span class="token operator">=</span><span class="token string">&quot;true&quot;</span><span class="token operator">/</span><span class="token operator">&gt;</span>
    <span class="token operator">&lt;</span><span class="token operator">/</span>vertical<span class="token operator">&gt;</span>
<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token comment">// 监听单个radio的选中</span>
$ui<span class="token punctuation">.</span>radio2<span class="token punctuation">.</span><span class="token function">on</span><span class="token punctuation">(</span><span class="token string">&quot;check&quot;</span><span class="token punctuation">,</span> <span class="token punctuation">(</span><span class="token parameter">checked</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
    <span class="token keyword">if</span> <span class="token punctuation">(</span>checked<span class="token punctuation">)</span> <span class="token punctuation">{</span>
        <span class="token function">toastLog</span><span class="token punctuation">(</span><span class="token string">&quot;单选框2被勾选了&quot;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    <span class="token punctuation">}</span> <span class="token keyword">else</span> <span class="token punctuation">{</span>
        <span class="token function">toastLog</span><span class="token punctuation">(</span><span class="token string">&quot;单选框2被取消勾选了&quot;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    <span class="token punctuation">}</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</code></pre>
                        <div class="line-numbers" aria-hidden="true">
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                        </div>
                    </div>
                    <h2 id="单选框组合-radiogroup" tabindex="-1"><a class="header-anchor" href="#单选框组合-radiogroup"
                            aria-hidden="true">#</a> 单选框组合: radiogroup</h2>
                    <blockquote>
                        <p>参见Android <a href="https://developer.android.google.cn/reference/android/widget/RadioGroup"
                                target="_blank" rel="noopener noreferrer">RadioGroup<span><svg
                                        class="external-link-icon" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"
                                        focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15">
                                        <path fill="currentColor"
                                            d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z">
                                        </path>
                                        <polygon fill="currentColor"
                                            points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9">
                                        </polygon>
                                    </svg><span class="external-link-icon-sr-only">open in new window</span></span></a>。
                        </p>
                    </blockquote>
                    <p>radiogroup单选框组合提供了几个单选框radio选项，但用户至多只能选择其中一个选项，即实现选项选中互斥功能。</p>
                    <h3 id="checkedbutton" tabindex="-1"><a class="header-anchor" href="#checkedbutton"
                            aria-hidden="true">#</a> checkedButton</h3>
                    <p>设置radiogroup单选框组合中初始勾选的单选框id。例如<code>checkedButton<span class="token operator">=</span><span class="token string">&quot;@+id/radio5&quot;</span></code>，则使id为radio5的单选框选项为初始勾选状态。
                    </p>
                    <div class="language-javascript ext-js line-numbers-mode">
                        <pre class="language-javascript"><code>
<span class="token string">&quot;ui&quot;</span><span class="token punctuation">;</span>

$ui<span class="token punctuation">.</span><span class="token function">layout</span><span class="token punctuation">(</span>
    <span class="token operator">&lt;</span>vertical padding<span class="token operator">=</span><span class="token string">&quot;16&quot;</span><span class="token operator">&gt;</span>
        <span class="token operator">&lt;</span>radiogroup checkedButton<span class="token operator">=</span><span class="token string">&quot;@+id/radio5&quot;</span><span class="token operator">&gt;</span>
            <span class="token operator">&lt;</span>radio id<span class="token operator">=</span><span class="token string">&quot;radio4&quot;</span> text<span class="token operator">=</span><span class="token string">&quot;单选框4&quot;</span><span class="token operator">/</span><span class="token operator">&gt;</span>
            <span class="token operator">&lt;</span>radio id<span class="token operator">=</span><span class="token string">&quot;radio5&quot;</span> text<span class="token operator">=</span><span class="token string">&quot;初始勾选的单选框5&quot;</span><span class="token operator">/</span><span class="token operator">&gt;</span>
            <span class="token operator">&lt;</span>radio id<span class="token operator">=</span><span class="token string">&quot;radio6&quot;</span> text<span class="token operator">=</span><span class="token string">&quot;单选框6&quot;</span><span class="token operator">/</span><span class="token operator">&gt;</span>
        <span class="token operator">&lt;</span><span class="token operator">/</span>radiogroup<span class="token operator">&gt;</span>
     <span class="token operator">&lt;</span><span class="token operator">/</span>vertical<span class="token operator">&gt;</span>
<span class="token punctuation">)</span><span class="token punctuation">;</span>

</code></pre>
                        <div class="line-numbers" aria-hidden="true">
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                        </div>
                    </div>
                    <h3 id="setoncheckedchangelistener-listener" tabindex="-1"><a class="header-anchor"
                            href="#setoncheckedchangelistener-listener" aria-hidden="true">#</a>
                        setOnCheckedChangeListener(listener)</h3>
                    <ul>
                        <li><code><span class="token property">listener</span></code> {Function} 勾选监听的回调函数，其参数为 <ul>
                                <li><code><span class="token property">group</span></code> {RadioGroup}
                                    发生勾选变化事件的radiogroup对象</li>
                                <li><code><span class="token property">checkedId</span></code> {number}
                                    被勾选的radio的id，是一个整数；若当前没有任何单选框被勾选，则为<code><span class="token operator">-</span><span class="token number">1</span></code>
                                </li>
                            </ul>
                        </li>
                    </ul>
                    <p>设置某个radiogroup单选框组合中的单选框被选中时的监听。需要注意的是这里的<code><span class="token property">checkedId</span></code>是一个整数，并不是类似于<code><span class="token property">radio5</span></code>这样的id字符串，我们可以通过<code><span class="token function">findViewById</span><span class="token punctuation">(</span><span class="token punctuation">)</span></code>函数来获取具体被勾选的单选框，比如：
                    </p>
                    <div class="language-javascript ext-js line-numbers-mode">
                        <pre class="language-javascript"><code><span class="token string">&quot;ui&quot;</span><span class="token punctuation">;</span>

$ui<span class="token punctuation">.</span><span class="token function">layout</span><span class="token punctuation">(</span>
    <span class="token operator">&lt;</span>vertical padding<span class="token operator">=</span><span class="token string">&quot;16&quot;</span><span class="token operator">&gt;</span>
        <span class="token operator">&lt;</span>radiogroup id<span class="token operator">=</span><span class="token string">&quot;radiogroup1&quot;</span><span class="token operator">&gt;</span>
            <span class="token operator">&lt;</span>radio id<span class="token operator">=</span><span class="token string">&quot;radio1&quot;</span> text<span class="token operator">=</span><span class="token string">&quot;单选框1&quot;</span><span class="token operator">/</span><span class="token operator">&gt;</span>
            <span class="token operator">&lt;</span>radio id<span class="token operator">=</span><span class="token string">&quot;radio2&quot;</span> text<span class="token operator">=</span><span class="token string">&quot;单选框2&quot;</span><span class="token operator">/</span><span class="token operator">&gt;</span>
            <span class="token operator">&lt;</span>radio id<span class="token operator">=</span><span class="token string">&quot;radio3&quot;</span> text<span class="token operator">=</span><span class="token string">&quot;单选框3&quot;</span><span class="token operator">/</span><span class="token operator">&gt;</span>
        <span class="token operator">&lt;</span><span class="token operator">/</span>radiogroup<span class="token operator">&gt;</span>
     <span class="token operator">&lt;</span><span class="token operator">/</span>vertical<span class="token operator">&gt;</span>
<span class="token punctuation">)</span><span class="token punctuation">;</span>

$ui<span class="token punctuation">.</span>radiogroup1<span class="token punctuation">.</span><span class="token function">setOnCheckedChangeListener</span><span class="token punctuation">(</span><span class="token punctuation">(</span><span class="token parameter">group<span class="token punctuation">,</span> checkedId</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
    <span class="token comment">// 根据整数id获取勾选的radio控件</span>
    <span class="token keyword">let</span> checkedRadio <span class="token operator">=</span> $ui<span class="token punctuation">.</span>radiogroup1<span class="token punctuation">.</span><span class="token function">findViewById</span><span class="token punctuation">(</span>checkedId<span class="token punctuation">)</span><span class="token punctuation">;</span>
    <span class="token keyword">switch</span> <span class="token punctuation">(</span>checkedRadio<span class="token punctuation">)</span> <span class="token punctuation">{</span>
        <span class="token keyword">case</span> $ui<span class="token punctuation">.</span>radio1<span class="token operator">:</span>
            <span class="token function">toastLog</span><span class="token punctuation">(</span><span class="token string">&quot;单选框1被勾选&quot;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
            <span class="token keyword">break</span><span class="token punctuation">;</span>
        <span class="token keyword">case</span> $ui<span class="token punctuation">.</span>radio2<span class="token operator">:</span>
            <span class="token function">toastLog</span><span class="token punctuation">(</span><span class="token string">&quot;单选框2被勾选&quot;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
            <span class="token keyword">break</span><span class="token punctuation">;</span>
        <span class="token keyword">case</span> $ui<span class="token punctuation">.</span>radio3<span class="token operator">:</span>
            <span class="token function">toastLog</span><span class="token punctuation">(</span><span class="token string">&quot;单选框3被勾选&quot;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
            <span class="token keyword">break</span><span class="token punctuation">;</span>
        <span class="token keyword">default</span><span class="token operator">:</span>
            <span class="token function">toastLog</span><span class="token punctuation">(</span><span class="token string">&quot;没有任何单选框被勾选&quot;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
            <span class="token keyword">break</span><span class="token punctuation">;</span>
    <span class="token punctuation">}</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

</code></pre>
                        <div class="line-numbers" aria-hidden="true">
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                        </div>
                    </div>
                    <h3 id="getcheckedradiobuttonid" tabindex="-1"><a class="header-anchor"
                            href="#getcheckedradiobuttonid" aria-hidden="true">#</a> getCheckedRadioButtonId()</h3>
                    <ul>
                        <li>返回 {number}</li>
                    </ul>
                    <p>获取单选框组合中的已勾选的单选框选项的整数ID，若当前没有任何单选框被勾选，则为<code><span class="token operator">-</span><span class="token number">1</span></code>。
                    </p>
                    <p>需要注意的是这里的<code><span class="token property">checkedId</span></code>是一个整数，并不是类似于<code><span class="token property">radio5</span></code>这样的id字符串，我们可以通过<code><span class="token function">findViewById</span><span class="token punctuation">(</span><span class="token punctuation">)</span></code>函数来获取具体被勾选的单选框。
                    </p>
                    <p>进一步，我们可以通过<code><span class="token property">indexOfChild</span></code>获取被勾选的单选框在radiogroup中的位置。
                    </p>
                    <p>例如：</p>
                    <div class="language-javascript ext-js line-numbers-mode">
                        <pre class="language-javascript"><code>
<span class="token string">&quot;ui&quot;</span><span class="token punctuation">;</span>

 $ui<span class="token punctuation">.</span><span class="token function">layout</span><span class="token punctuation">(</span>
    <span class="token operator">&lt;</span>vertical padding<span class="token operator">=</span><span class="token string">&quot;16&quot;</span><span class="token operator">&gt;</span>
        <span class="token operator">&lt;</span>radiogroup id<span class="token operator">=</span><span class="token string">&quot;radiogroup2&quot;</span><span class="token operator">&gt;</span>
            <span class="token operator">&lt;</span>radio id<span class="token operator">=</span><span class="token string">&quot;radio4&quot;</span> text<span class="token operator">=</span><span class="token string">&quot;单选框4&quot;</span><span class="token operator">/</span><span class="token operator">&gt;</span>
            <span class="token operator">&lt;</span>radio id<span class="token operator">=</span><span class="token string">&quot;radio5&quot;</span> text<span class="token operator">=</span><span class="token string">&quot;单选框5&quot;</span><span class="token operator">/</span><span class="token operator">&gt;</span>
            <span class="token operator">&lt;</span>radio id<span class="token operator">=</span><span class="token string">&quot;radio6&quot;</span> text<span class="token operator">=</span><span class="token string">&quot;单选框6&quot;</span><span class="token operator">/</span><span class="token operator">&gt;</span>
        <span class="token operator">&lt;</span><span class="token operator">/</span>radiogroup<span class="token operator">&gt;</span>
        <span class="token operator">&lt;</span>button id<span class="token operator">=</span><span class="token string">&quot;get&quot;</span> text<span class="token operator">=</span><span class="token string">&quot;获取当前勾选项&quot;</span><span class="token operator">/</span><span class="token operator">&gt;</span>
     <span class="token operator">&lt;</span><span class="token operator">/</span>vertical<span class="token operator">&gt;</span>
<span class="token punctuation">)</span><span class="token punctuation">;</span>

$ui<span class="token punctuation">.</span>get<span class="token punctuation">.</span><span class="token function">on</span><span class="token punctuation">(</span><span class="token string">&#39;click&#39;</span><span class="token punctuation">,</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
    <span class="token comment">// 获取radiogroup2勾选的单选框ID</span>
    <span class="token keyword">let</span> checkedId <span class="token operator">=</span> $ui<span class="token punctuation">.</span>radiogroup2<span class="token punctuation">.</span><span class="token function">getCheckedRadioButtonId</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    <span class="token keyword">if</span> <span class="token punctuation">(</span>checkedId <span class="token operator">===</span> <span class="token operator">-</span><span class="token number">1</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
        <span class="token function">toastLog</span><span class="token punctuation">(</span><span class="token string">&quot;没有任何单选框被勾选&quot;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    <span class="token punctuation">}</span>  <span class="token keyword">else</span> <span class="token punctuation">{</span>
        <span class="token comment">// 根据id获取勾选的radio</span>
        <span class="token keyword">let</span> checkedRadio <span class="token operator">=</span> $ui<span class="token punctuation">.</span>radiogroup2<span class="token punctuation">.</span><span class="token function">findViewById</span><span class="token punctuation">(</span>checkedId<span class="token punctuation">)</span><span class="token punctuation">;</span>
        <span class="token comment">// 获取勾选的位置</span>
        <span class="token keyword">let</span> i <span class="token operator">=</span> $ui<span class="token punctuation">.</span>radiogroup2<span class="token punctuation">.</span><span class="token function">indexOfChild</span><span class="token punctuation">(</span>checkedRadio<span class="token punctuation">)</span><span class="token punctuation">;</span>
        <span class="token function">toastLog</span><span class="token punctuation">(</span><span class="token string">&quot;当前勾选的单选框的文本: &quot;</span> <span class="token operator">+</span> checkedRadio<span class="token punctuation">.</span><span class="token function">getText</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">toString</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">+</span> <span class="token string">&quot;, 位置: &quot;</span> <span class="token operator">+</span> i<span class="token punctuation">)</span><span class="token punctuation">;</span>
    <span class="token punctuation">}</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

</code></pre>
                        <div class="line-numbers" aria-hidden="true">
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                        </div>
                    </div>
                    <h3 id="clearcheck" tabindex="-1"><a class="header-anchor" href="#clearcheck"
                            aria-hidden="true">#</a> clearCheck()</h3>
                    <p>清空单选框组合的各单选框选项的勾选状态。也即让单选框组合重置为未勾选状态。</p>
                    <div class="language-javascript ext-js line-numbers-mode">
                        <pre class="language-javascript"><code>
<span class="token string">&quot;ui&quot;</span><span class="token punctuation">;</span>

$ui<span class="token punctuation">.</span><span class="token function">layout</span><span class="token punctuation">(</span>
    <span class="token operator">&lt;</span>vertical padding<span class="token operator">=</span><span class="token string">&quot;16&quot;</span><span class="token operator">&gt;</span>
        <span class="token operator">&lt;</span>checkbox id<span class="token operator">=</span><span class="token string">&quot;cb1&quot;</span> text<span class="token operator">=</span><span class="token string">&quot;复选框&quot;</span><span class="token operator">/</span><span class="token operator">&gt;</span>
        <span class="token operator">&lt;</span>radiogroup id<span class="token operator">=</span><span class="token string">&quot;radiogroup1&quot;</span><span class="token operator">&gt;</span>
            <span class="token operator">&lt;</span>radio id<span class="token operator">=</span><span class="token string">&quot;radio1&quot;</span> text<span class="token operator">=</span><span class="token string">&quot;单选框1&quot;</span><span class="token operator">/</span><span class="token operator">&gt;</span>
            <span class="token operator">&lt;</span>radio id<span class="token operator">=</span><span class="token string">&quot;radio2&quot;</span> text<span class="token operator">=</span><span class="token string">&quot;单选框2&quot;</span><span class="token operator">/</span><span class="token operator">&gt;</span>
            <span class="token operator">&lt;</span>radio id<span class="token operator">=</span><span class="token string">&quot;radio3&quot;</span> text<span class="token operator">=</span><span class="token string">&quot;单选框3&quot;</span><span class="token operator">/</span><span class="token operator">&gt;</span>
        <span class="token operator">&lt;</span><span class="token operator">/</span>radiogroup<span class="token operator">&gt;</span>
        <span class="token operator">&lt;</span>button id<span class="token operator">=</span><span class="token string">&quot;clear&quot;</span> text<span class="token operator">=</span><span class="token string">&quot;清空选择&quot;</span><span class="token operator">/</span><span class="token operator">&gt;</span>
    <span class="token operator">&lt;</span><span class="token operator">/</span>vertical<span class="token operator">&gt;</span>
<span class="token punctuation">)</span><span class="token punctuation">;</span>

$ui<span class="token punctuation">.</span>clear<span class="token punctuation">.</span><span class="token function">on</span><span class="token punctuation">(</span><span class="token string">&#39;click&#39;</span><span class="token punctuation">,</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
    <span class="token comment">// 清空单选框选择</span>
    $ui<span class="token punctuation">.</span>radiogroup1<span class="token punctuation">.</span><span class="token function">clearCheck</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    <span class="token comment">// 设置复选框为不勾选</span>
    $ui<span class="token punctuation">.</span>cb1<span class="token punctuation">.</span><span class="token function">attr</span><span class="token punctuation">(</span><span class="token string">&quot;checked&quot;</span><span class="token punctuation">,</span> <span class="token string">&quot;false&quot;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

</code></pre>
                        <div class="line-numbers" aria-hidden="true">
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                        </div>
                    </div>
                    <h2 id="开关控件-switch" tabindex="-1"><a class="header-anchor" href="#开关控件-switch"
                            aria-hidden="true">#</a> 开关控件: Switch</h2>
                    <blockquote>
                        <p>参见Android <a href="https://developer.android.google.cn/reference/android/widget/Switch"
                                target="_blank" rel="noopener noreferrer">Switch<span><svg class="external-link-icon"
                                        xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px"
                                        y="0px" viewBox="0 0 100 100" width="15" height="15">
                                        <path fill="currentColor"
                                            d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z">
                                        </path>
                                        <polygon fill="currentColor"
                                            points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9">
                                        </polygon>
                                    </svg><span class="external-link-icon-sr-only">open in new window</span></span></a>。
                        </p>
                    </blockquote>
                    <p>开关控件用于表示一个选项是否被启用。</p>
                    <p><img src="../../../assets/switch.4c0a467c.png" alt="switch" loading="lazy"></p>
                    <h3 id="text-2" tabindex="-1"><a class="header-anchor" href="#text-2" aria-hidden="true">#</a> text
                    </h3>
                    <p>Switch控件的文本，显示在框后面。实际上Switch控件也继承于<a
                            href="#%E6%96%87%E6%9C%AC%E6%8E%A7%E4%BB%B6-text">text</a>和<a
                            href="#%E6%8C%89%E9%92%AE%E6%8E%A7%E4%BB%B6-button">button</a>控件，它们的属性也可以用在Switch上，比如<code><span class="token property">textSize</span></code>,
                        <code><span class="token property">textStyle</span></code>。</p>
                    <h3 id="checked-2" tabindex="-1"><a class="header-anchor" href="#checked-2" aria-hidden="true">#</a>
                        checked</h3>
                    <p>设置Switch开关的开启状态，当<code>checked<span class="token operator">=</span><span class="token string">&quot;true&quot;</span></code>时为开启。
                    </p>
                    <h3 id="enabled-2" tabindex="-1"><a class="header-anchor" href="#enabled-2" aria-hidden="true">#</a>
                        enabled</h3>
                    <p>设置Switch开关是否是启用的，若<code>enabled<span class="token operator">=</span><span class="token string">&quot;false&quot;</span></code>则为禁用状态，显示未灰色，无法交互。
                    </p>
                    <h3 id="ischecked-2" tabindex="-1"><a class="header-anchor" href="#ischecked-2"
                            aria-hidden="true">#</a> isChecked()</h3>
                    <ul>
                        <li>返回 {boolean}</li>
                    </ul>
                    <p>返回Switch控件是否是开启状态。比如<code>$ui<span class="token punctuation">.</span>switch1<span class="token punctuation">.</span><span class="token function">isChecked</span><span class="token punctuation">(</span><span class="token punctuation">)</span></code>。
                    </p>
                    <h3 id="事件-check-2" tabindex="-1"><a class="header-anchor" href="#事件-check-2"
                            aria-hidden="true">#</a> 事件: <code><span class="token property">check</span></code></h3>
                    <ul>
                        <li><code><span class="token property">checked</span></code> {boolean} 是否被勾选</li>
                        <li><code><span class="token property">view</span></code> {View} 当前事件的View</li>
                    </ul>
                    <p>当用户勾选/取消勾选选项框时会触发该事件。</p>
                    <div class="language-javascript ext-js line-numbers-mode">
                        <pre class="language-javascript"><code><span class="token string">&quot;ui&quot;</span><span class="token punctuation">;</span>

ui<span class="token punctuation">.</span><span class="token function">layout</span><span class="token punctuation">(</span>
    <span class="token operator">&lt;</span>vertical padding<span class="token operator">=</span><span class="token string">&quot;16&quot;</span><span class="token operator">&gt;</span>
        <span class="token operator">&lt;</span>Switch id<span class="token operator">=</span><span class="token string">&quot;sw&quot;</span> text<span class="token operator">=</span><span class="token string">&quot;单选框1&quot;</span><span class="token operator">/</span><span class="token operator">&gt;</span>
    <span class="token operator">&lt;</span><span class="token operator">/</span>vertical<span class="token operator">&gt;</span>
<span class="token punctuation">)</span><span class="token punctuation">;</span>

<span class="token comment">// 监听的选中</span>
$ui<span class="token punctuation">.</span>sw<span class="token punctuation">.</span><span class="token function">on</span><span class="token punctuation">(</span><span class="token string">&quot;check&quot;</span><span class="token punctuation">,</span> <span class="token punctuation">(</span><span class="token parameter">checked</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
    <span class="token keyword">if</span> <span class="token punctuation">(</span>checked<span class="token punctuation">)</span> <span class="token punctuation">{</span>
        <span class="token function">toastLog</span><span class="token punctuation">(</span><span class="token string">&quot;switch被打开了&quot;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    <span class="token punctuation">}</span> <span class="token keyword">else</span> <span class="token punctuation">{</span>
        <span class="token function">toastLog</span><span class="token punctuation">(</span><span class="token string">&quot;switch被关闭了&quot;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    <span class="token punctuation">}</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</code></pre>
                        <div class="line-numbers" aria-hidden="true">
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                        </div>
                    </div>
                    <h2 id="进度条控件" tabindex="-1"><a class="header-anchor" href="#进度条控件" aria-hidden="true">#</a> 进度条控件:
                    </h2>
                    <blockquote>
                        <p>参见Android <a href="https://developer.android.google.cn/reference/android/widget/ProgressBar"
                                target="_blank" rel="noopener noreferrer">ProgressBar<span><svg
                                        class="external-link-icon" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"
                                        focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15">
                                        <path fill="currentColor"
                                            d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z">
                                        </path>
                                        <polygon fill="currentColor"
                                            points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9">
                                        </polygon>
                                    </svg><span class="external-link-icon-sr-only">open in new window</span></span></a>。
                        </p>
                    </blockquote>
                    <p>progressbar即进度条控件，显示某种操作的进度及百分比。通过修改进度条控件的参数可以修改进度条的呈现形式，默认为无限圆形进度条。</p>
                    <h3 id="indeterminate" tabindex="-1"><a class="header-anchor" href="#indeterminate"
                            aria-hidden="true">#</a> indeterminate</h3>
                    <ul>
                        <li>{boolean}</li>
                    </ul>
                    <p>是否为无限进度条，默认为<code><span class="token boolean">true</span></code>。可选的值为：</p>
                    <ul>
                        <li><code><span class="token boolean">true</span></code> 显示无限进度条</li>
                        <li><code><span class="token boolean">false</span></code> 显示有限进度条</li>
                    </ul>
                    <h3 id="progress" tabindex="-1"><a class="header-anchor" href="#progress" aria-hidden="true">#</a>
                        progress</h3>
                    <ul>
                        <li>{number}</li>
                    </ul>
                    <p>进度条的进度，为一个整数，默认范围是0~100。</p>
                    <h3 id="min" tabindex="-1"><a class="header-anchor" href="#min" aria-hidden="true">#</a> min</h3>
                    <ul>
                        <li>{number}</li>
                    </ul>
                    <p>进度条的最小进度，默认为0。</p>
                    <h3 id="max" tabindex="-1"><a class="header-anchor" href="#max" aria-hidden="true">#</a> max</h3>
                    <ul>
                        <li>{number}</li>
                    </ul>
                    <p>进度条的最大进度，默认为100。</p>
                    <h3 id="progressdrawable" tabindex="-1"><a class="header-anchor" href="#progressdrawable"
                            aria-hidden="true">#</a> progressDrawable</h3>
                    <ul>
                        <li>{string}</li>
                    </ul>
                    <p>定义用于在progress模式下绘制进度条的drawable。</p>
                    <h3 id="progressbackgroundtint" tabindex="-1"><a class="header-anchor"
                            href="#progressbackgroundtint" aria-hidden="true">#</a> progressBackgroundTint</h3>
                    <ul>
                        <li>{string}</li>
                    </ul>
                    <p>对progress的背景应用颜色。不修改当前的着色模式。</p>
                    <h3 id="progressbackgroundtintmode" tabindex="-1"><a class="header-anchor"
                            href="#progressbackgroundtintmode" aria-hidden="true">#</a> progressBackgroundTintMode</h3>
                    <ul>
                        <li>&quot;add&quot; | &quot;multiply&quot; | &quot;screen&quot; | &quot;src_atop&quot; |
                            &quot;src_in&quot; | &quot;src_over&quot;</li>
                    </ul>
                    <p>将progressBackgroundTint指定的色调应用到进度背景的混合模式。</p>
                    <h3 id="progresstint" tabindex="-1"><a class="header-anchor" href="#progresstint"
                            aria-hidden="true">#</a> progressTint</h3>
                    <ul>
                        <li>{string}</li>
                    </ul>
                    <p>将颜色应用于整个可绘制的进度。不修改当前的着色模式。</p>
                    <h3 id="progresstintmode" tabindex="-1"><a class="header-anchor" href="#progresstintmode"
                            aria-hidden="true">#</a> progressTintMode</h3>
                    <ul>
                        <li>&quot;add&quot; | &quot;multiply&quot; | &quot;screen&quot; | &quot;src_atop&quot; |
                            &quot;src_in&quot; | &quot;src_over&quot;</li>
                    </ul>
                    <p>将progressTint指定的色调应用到进度背景的混合模式。</p>
                    <h3 id="secondaryprogress" tabindex="-1"><a class="header-anchor" href="#secondaryprogress"
                            aria-hidden="true">#</a> secondaryProgress</h3>
                    <ul>
                        <li>{number}</li>
                    </ul>
                    <p>设置次要进度的值。如果进度条处于indeterminate（无限进度条）模式，则不执行任何操作。</p>
                    <h3 id="secondaryprogresstint" tabindex="-1"><a class="header-anchor" href="#secondaryprogresstint"
                            aria-hidden="true">#</a> secondaryProgressTint</h3>
                    <ul>
                        <li>{string}</li>
                    </ul>
                    <p>对secondaryProgress应用色调（如果存在）。不修改当前的着色模式。</p>
                    <h3 id="secondaryprogresstintmode" tabindex="-1"><a class="header-anchor"
                            href="#secondaryprogresstintmode" aria-hidden="true">#</a> secondaryProgressTintMode</h3>
                    <ul>
                        <li>&quot;add&quot; | &quot;multiply&quot; | &quot;screen&quot; | &quot;src_atop&quot; |
                            &quot;src_in&quot; | &quot;src_over&quot;</li>
                    </ul>
                    <p>将secondaryProgressTint指定的色调应用到辅助进度指示器的混合模式。</p>
                    <h3 id="style" tabindex="-1"><a class="header-anchor" href="#style" aria-hidden="true">#</a> style
                    </h3>
                    <ul>
                        <li>{string}</li>
                    </ul>
                    <p>设置进度条的宽度、布局样式。可选的值有：</p>
                    <ul>
                        <li><code>@style<span class="token operator">/</span>Base<span class="token punctuation">.</span>Widget<span class="token punctuation">.</span>AppCompat<span class="token punctuation">.</span>ProgressBar<span class="token punctuation">.</span>Horizontal</code>
                            水平直线进度条</li>
                        <li><code>@style<span class="token operator">/</span>Base<span class="token punctuation">.</span>Widget<span class="token punctuation">.</span>AppCompat<span class="token punctuation">.</span>ProgressBar</code>
                            圆形进度条</li>
                    </ul>
                    <h2 id="拖动条控件-seekbar" tabindex="-1"><a class="header-anchor" href="#拖动条控件-seekbar"
                            aria-hidden="true">#</a> 拖动条控件: seekbar</h2>
                    <blockquote>
                        <p>参见Android <a href="https://developer.android.google.cn/reference/android/widget/SeekBar"
                                target="_blank" rel="noopener noreferrer">SeekBar<span><svg class="external-link-icon"
                                        xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px"
                                        y="0px" viewBox="0 0 100 100" width="15" height="15">
                                        <path fill="currentColor"
                                            d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z">
                                        </path>
                                        <polygon fill="currentColor"
                                            points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9">
                                        </polygon>
                                    </svg><span class="external-link-icon-sr-only">open in new window</span></span></a>。
                        </p>
                    </blockquote>
                    <p>可调节进度条，类似于progressbar，但用户可以拖动控件来调节进度条。</p>
                    <p>seekbar继承自progressbar，因此progressbar的属性它都能使用。</p>
                    <p>通过方法<a
                            href="https://developer.android.google.cn/reference/android/widget/SeekBar#setOnSeekBarChangeListener(android.widget.SeekBar.OnSeekBarChangeListener)"
                            target="_blank" rel="noopener noreferrer">setOnSeekBarChangeListener<span><svg
                                    class="external-link-icon" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"
                                    focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15">
                                    <path fill="currentColor"
                                        d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z">
                                    </path>
                                    <polygon fill="currentColor"
                                        points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9">
                                    </polygon>
                                </svg><span class="external-link-icon-sr-only">open in new
                                    window</span></span></a>可监听seekbar的拖动进度，通过[getProgress(https://developer.android.google.cn/reference/android/widget/ProgressBar#getProgress())]方法可随时获得seekbar的当前进度。
                    </p>
                    <div class="language-javascript ext-js line-numbers-mode">
                        <pre class="language-javascript"><code><span class="token string">&quot;ui&quot;</span><span class="token punctuation">;</span>

$ui<span class="token punctuation">.</span><span class="token function">layout</span><span class="token punctuation">(</span>
    <span class="token operator">&lt;</span>vertical<span class="token operator">&gt;</span>
        <span class="token operator">&lt;</span>seekbar id<span class="token operator">=</span><span class="token string">&quot;seekbar&quot;</span> max<span class="token operator">=</span><span class="token string">&quot;200&quot;</span><span class="token operator">/</span><span class="token operator">&gt;</span>
        <span class="token operator">&lt;</span>button id<span class="token operator">=</span><span class="token string">&quot;ok&quot;</span> text<span class="token operator">=</span><span class="token string">&quot;确定&quot;</span><span class="token operator">/</span><span class="token operator">&gt;</span>
    <span class="token operator">&lt;</span><span class="token operator">/</span>vertical<span class="token operator">&gt;</span>
<span class="token punctuation">)</span><span class="token punctuation">;</span>

$ui<span class="token punctuation">.</span>ok<span class="token punctuation">.</span><span class="token function">on</span><span class="token punctuation">(</span><span class="token string">&#39;click&#39;</span><span class="token punctuation">,</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
    <span class="token function">toastLog</span><span class="token punctuation">(</span><span class="token string">&#39;进度条当前进度:&#39;</span><span class="token punctuation">,</span> $ui<span class="token punctuation">.</span>seekbar<span class="token punctuation">.</span><span class="token function">getProgress</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
$ui<span class="token punctuation">.</span>seekbar<span class="token punctuation">.</span><span class="token function">setOnSeekBarChangeListener</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
    <span class="token function-variable function">onProgressChanged</span><span class="token operator">:</span> <span class="token punctuation">(</span><span class="token parameter">seekbar<span class="token punctuation">,</span> progress<span class="token punctuation">,</span> fromUser</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
        consoloe<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">&#39;进度: &#39;</span><span class="token punctuation">,</span> progress<span class="token punctuation">)</span><span class="token punctuation">;</span>
    <span class="token punctuation">}</span><span class="token punctuation">,</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</code></pre>
                        <div class="line-numbers" aria-hidden="true">
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                        </div>
                    </div>
                    <h2 id="下拉菜单控件-spinner" tabindex="-1"><a class="header-anchor" href="#下拉菜单控件-spinner"
                            aria-hidden="true">#</a> 下拉菜单控件: spinner</h2>
                    <blockquote>
                        <p>参见Android <a href="https://developer.android.google.cn/reference/android/widget/Spinner"
                                target="_blank" rel="noopener noreferrer">Spinner<span><svg class="external-link-icon"
                                        xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px"
                                        y="0px" viewBox="0 0 100 100" width="15" height="15">
                                        <path fill="currentColor"
                                            d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z">
                                        </path>
                                        <polygon fill="currentColor"
                                            points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9">
                                        </polygon>
                                    </svg><span class="external-link-icon-sr-only">open in new window</span></span></a>。
                        </p>
                    </blockquote>
                    <p>点击下拉箭头，可弹出多个选项供用户选择。</p>
                    <h3 id="spinnermode" tabindex="-1"><a class="header-anchor" href="#spinnermode"
                            aria-hidden="true">#</a> spinnerMode</h3>
                    <ul>
                        <li>{string}</li>
                    </ul>
                    <p>下拉菜单的呈现模式。默认为dropdown下拉菜单形式。</p>
                    <ul>
                        <li><code><span class="token property">dialog</span></code> 使用对话框模式菜单来选择spinner选项。</li>
                        <li><code><span class="token property">dropdown</span></code>使用下拉模式菜单来选择spinner选项。</li>
                    </ul>
                    <h3 id="dropdownhorizontaloffset" tabindex="-1"><a class="header-anchor"
                            href="#dropdownhorizontaloffset" aria-hidden="true">#</a> dropDownHorizontalOffset</h3>
                    <ul>
                        <li>{string}</li>
                    </ul>
                    <p>为spinner的选择弹出窗口设置水平偏移。仅在spinnerMode=<code><span class="token property">dropdown</span></code>时有效。
                    </p>
                    <h3 id="dropdownverticaloffset" tabindex="-1"><a class="header-anchor"
                            href="#dropdownverticaloffset" aria-hidden="true">#</a> dropDownVerticalOffset</h3>
                    <ul>
                        <li>{string}</li>
                    </ul>
                    <p>为spinner的选择弹出窗口设置垂直偏移。仅在spinnerMode=<code><span class="token property">dropdown</span></code>时有效。
                    </p>
                    <h3 id="dropdownwidth" tabindex="-1"><a class="header-anchor" href="#dropdownwidth"
                            aria-hidden="true">#</a> dropDownWidth</h3>
                    <ul>
                        <li>{string}</li>
                    </ul>
                    <p>设置spinner的选择弹出窗口的宽度。仅在spinnerMode=<code><span class="token property">dropdown</span></code>时有效。
                    </p>
                    <h3 id="popupbackground" tabindex="-1"><a class="header-anchor" href="#popupbackground"
                            aria-hidden="true">#</a> popupBackground</h3>
                    <ul>
                        <li>{string}</li>
                    </ul>
                    <p>为spinner的选择弹出窗口设置背景。仅在spinnerMode=<code><span class="token property">dropdown</span></code>时有效。
                    </p>
                    <h3 id="prompt" tabindex="-1"><a class="header-anchor" href="#prompt" aria-hidden="true">#</a>
                        prompt</h3>
                    <ul>
                        <li>{string}</li>
                    </ul>
                    <p>设置显示对话框时显示的提示。</p>
                    <h3 id="textstyle" tabindex="-1"><a class="header-anchor" href="#textstyle" aria-hidden="true">#</a>
                        textStyle</h3>
                    <ul>
                        <li>{string}</li>
                    </ul>
                    <p>设置spinner当前被选择的项目文本的样式，例如<code><span class="token property">bold</span></code>(加粗),
                        <code><span class="token property">italic</span></code>(斜体)等。</p>
                    <h3 id="textcolor" tabindex="-1"><a class="header-anchor" href="#textcolor" aria-hidden="true">#</a>
                        textColor</h3>
                    <ul>
                        <li>{string}</li>
                    </ul>
                    <p>设置spinner当前被选择的项目文本的颜色，例如<code><span class="token property">bold</span></code>(加粗),
                        <code><span class="token property">italic</span></code>(斜体)等。</p>
                    <h3 id="textsize" tabindex="-1"><a class="header-anchor" href="#textsize" aria-hidden="true">#</a>
                        textSize</h3>
                    <ul>
                        <li>{string}</li>
                    </ul>
                    <p>设置spinner当前被选择的项目文本的字体尺寸大小。</p>
                    <h3 id="entries" tabindex="-1"><a class="header-anchor" href="#entries" aria-hidden="true">#</a>
                        entries</h3>
                    <ul>
                        <li>{string}</li>
                    </ul>
                    <p>下拉菜单的选项具体内容。若有多个选项，可使用|隔开，例如entries=&quot;选项1|选项2|选项3&quot;。在代码中也可动态修改，比如<code>$ui<span class="token punctuation">.</span>spinner<span class="token punctuation">.</span><span class="token function">attr</span><span class="token punctuation">(</span><span class="token string">&#39;entries&#39;</span><span class="token punctuation">,</span> <span class="token string">&#39;选项A|选项B|选项C|选项D&#39;</span><span class="token punctuation">)</span></code>。
                    </p>
                    <h3 id="entrytextstyle" tabindex="-1"><a class="header-anchor" href="#entrytextstyle"
                            aria-hidden="true">#</a> entryTextStyle</h3>
                    <ul>
                        <li>{string}</li>
                    </ul>
                    <p>下拉菜单的选项具体内容的文本样式。</p>
                    <h3 id="entrytextcolor" tabindex="-1"><a class="header-anchor" href="#entrytextcolor"
                            aria-hidden="true">#</a> entryTextColor</h3>
                    <ul>
                        <li>{string}</li>
                    </ul>
                    <p>下拉菜单的选项具体内容的文本颜色。</p>
                    <h3 id="entrytextsize" tabindex="-1"><a class="header-anchor" href="#entrytextsize"
                            aria-hidden="true">#</a> entryTextSize</h3>
                    <ul>
                        <li>{string}</li>
                    </ul>
                    <p>下拉菜单的选项具体内容的字体尺寸大小。</p>
                    <h2 id="时间选择控件-timepicker" tabindex="-1"><a class="header-anchor" href="#时间选择控件-timepicker"
                            aria-hidden="true">#</a> 时间选择控件: timePicker</h2>
                    <blockquote>
                        <p>参见Android <a href="https://developer.android.google.cn/reference/android/widget/TimePicker"
                                target="_blank" rel="noopener noreferrer">TimePicker<span><svg
                                        class="external-link-icon" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"
                                        focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15">
                                        <path fill="currentColor"
                                            d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z">
                                        </path>
                                        <polygon fill="currentColor"
                                            points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9">
                                        </polygon>
                                    </svg><span class="external-link-icon-sr-only">open in new window</span></span></a>。
                        </p>
                    </blockquote>
                    <p>用户可以选择24小时内的任意时间，呈现内容为上午/下午 XX（时）：XX（分）。</p>
                    <h3 id="timepickermode" tabindex="-1"><a class="header-anchor" href="#timepickermode"
                            aria-hidden="true">#</a> timePickerMode</h3>
                    <ul>
                        <li>{string}</li>
                    </ul>
                    <p>时间选择界面的呈现模式。若用户在timePicker控件中未指定timePickerMode，则默认使用时钟样式<code><span class="token property">clock</span></code>时间选择。
                    </p>
                    <ul>
                        <li><code><span class="token property">spinner</span></code> 滑动样式时间选择模式。</li>
                        <li><code><span class="token property">clock</span></code> 时钟样式。</li>
                    </ul>
                    <h2 id="日期选择控件-datepicker" tabindex="-1"><a class="header-anchor" href="#日期选择控件-datepicker"
                            aria-hidden="true">#</a> 日期选择控件: datePicker</h2>
                    <blockquote>
                        <p>参见Android <a href="https://developer.android.google.cn/reference/android/widget/DatePicker"
                                target="_blank" rel="noopener noreferrer">DatePicker<span><svg
                                        class="external-link-icon" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"
                                        focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15">
                                        <path fill="currentColor"
                                            d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z">
                                        </path>
                                        <polygon fill="currentColor"
                                            points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9">
                                        </polygon>
                                    </svg><span class="external-link-icon-sr-only">open in new window</span></span></a>。
                        </p>
                    </blockquote>
                    <p>用户可以选择日期，呈现内容为&quot;MM/dd/yyyy&quot;，日历样式日期选择模式还可呈现该日期的星期，如周二。</p>
                    <h3 id="datepickermode" tabindex="-1"><a class="header-anchor" href="#datepickermode"
                            aria-hidden="true">#</a> datePickerMode</h3>
                    <ul>
                        <li>{string}</li>
                    </ul>
                    <p>日期选择界面的呈现模式。若用户在datePicker控件中未指定datePickerMode，则默认使用日历样式<code><span class="token property">calendar</span></code>时间选择。
                    </p>
                    <ul>
                        <li><code><span class="token property">spinner</span></code> 滑动样式日期选择模式。</li>
                        <li><code><span class="token property">calendar</span></code> 日历样式选择模式。</li>
                    </ul>
                    <h1 id="spinnersshown" tabindex="-1"><a class="header-anchor" href="#spinnersshown"
                            aria-hidden="true">#</a> spinnersShown</h1>
                    <ul>
                        <li>{boolean}</li>
                    </ul>
                    <p>设置是否显示spinner滑动样式日期选择模式。</p>
                    <h1 id="calendarviewshown" tabindex="-1"><a class="header-anchor" href="#calendarviewshown"
                            aria-hidden="true">#</a> calendarViewShown</h1>
                    <ul>
                        <li>{boolean}</li>
                    </ul>
                    <p>设置是否显示日历样式。</p>
                    <h1 id="firstdayofweek" tabindex="-1"><a class="header-anchor" href="#firstdayofweek"
                            aria-hidden="true">#</a> firstDayOfWeek</h1>
                    <ul>
                        <li>{number}</li>
                    </ul>
                    <p>设置一周的第一天。范围为1~7，分别代表周日~周六。默认为1，也即周日。</p>
                    <h1 id="maxdate" tabindex="-1"><a class="header-anchor" href="#maxdate" aria-hidden="true">#</a>
                        maxDate</h1>
                    <ul>
                        <li>{string}</li>
                    </ul>
                    <p>设置此datePicker支持的最大日期，格式为<code>yyyy<span class="token operator">/</span><span class="token constant">MM</span><span class="token operator">/</span>dd</code>。
                    </p>
                    <h1 id="mindate" tabindex="-1"><a class="header-anchor" href="#mindate" aria-hidden="true">#</a>
                        minDate</h1>
                    <ul>
                        <li>{string}</li>
                    </ul>
                    <p>设置此datePicker支持的最小日期，格式为<code>yyyy<span class="token operator">/</span><span class="token constant">MM</span><span class="token operator">/</span>dd</code>。
                    </p>
                    <h2 id="浮动按钮控件-fab" tabindex="-1"><a class="header-anchor" href="#浮动按钮控件-fab"
                            aria-hidden="true">#</a> 浮动按钮控件: fab</h2>
                    <p>浮动按钮是UI界面上的一个浮动的图标，它的颜色、图标、位置在UI界面中有着明显的区别，通常是为了突出一个重要的功能点，引导用户点击来执行重要/频繁的操作。</p>
                    <p><img src="../../../assets/fab.6cb46475.png" alt="fab" loading="lazy"></p>
                    <h3 id="src" tabindex="-1"><a class="header-anchor" href="#src" aria-hidden="true">#</a> src</h3>
                    <p>指定浮动按钮的图标，其格式与图片控件属性<a
                            href="#src">src</a>一致，比如<code>@drawable<span class="token operator">/</span>ic_add_black_48dp</code>，<code><span class="token literal-property property">https</span><span class="token operator">:</span><span class="token operator">/</span><span class="token operator">/</span>图片网址</code>等。
                    </p>
                    <p>以下是一个放在右下角的浮动按钮的例子：</p>
                    <div class="language-javascript ext-js line-numbers-mode">
                        <pre class="language-javascript"><code><span class="token string">&quot;ui&quot;</span><span class="token punctuation">;</span>

ui<span class="token punctuation">.</span><span class="token function">layout</span><span class="token punctuation">(</span>
    <span class="token operator">&lt;</span>frame<span class="token operator">&gt;</span>
        <span class="token operator">&lt;</span>fab id<span class="token operator">=</span><span class="token string">&quot;add&quot;</span> w<span class="token operator">=</span><span class="token string">&quot;auto&quot;</span> h<span class="token operator">=</span><span class="token string">&quot;auto&quot;</span> src<span class="token operator">=</span><span class="token string">&quot;@drawable/ic_add_black_48dp&quot;</span>
            margin<span class="token operator">=</span><span class="token string">&quot;16&quot;</span> layout_gravity<span class="token operator">=</span><span class="token string">&quot;bottom|right&quot;</span> tint<span class="token operator">=</span><span class="token string">&quot;#ffffff&quot;</span> <span class="token operator">/</span><span class="token operator">&gt;</span>
    <span class="token operator">&lt;</span><span class="token operator">/</span>frame<span class="token operator">&gt;</span>
<span class="token punctuation">)</span><span class="token punctuation">;</span>

ui<span class="token punctuation">.</span>add<span class="token punctuation">.</span><span class="token function">on</span><span class="token punctuation">(</span><span class="token string">&quot;click&quot;</span><span class="token punctuation">,</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
    <span class="token function">toastLog</span><span class="token punctuation">(</span><span class="token string">&quot;浮动按钮被点击了&quot;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</code></pre>
                        <div class="line-numbers" aria-hidden="true">
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                        </div>
                    </div>
                    <h2 id="标题栏控件-toolbar" tabindex="-1"><a class="header-anchor" href="#标题栏控件-toolbar"
                            aria-hidden="true">#</a> 标题栏控件: toolbar</h2>
                    <p>应用程序中使用的标题栏。</p>
                    <h3 id="logo" tabindex="-1"><a class="header-anchor" href="#logo" aria-hidden="true">#</a> logo</h3>
                    <p>为标题栏设置一个可绘制的logo。</p>
                    <h3 id="logodescription" tabindex="-1"><a class="header-anchor" href="#logodescription"
                            aria-hidden="true">#</a> logoDescription</h3>
                    <p>为标题栏设置logo的描述。</p>
                    <h3 id="navigationicon" tabindex="-1"><a class="header-anchor" href="#navigationicon"
                            aria-hidden="true">#</a> navigationIcon</h3>
                    <p>为标题栏设置导航按钮的内容描述（如果存在）。内容描述将通过屏幕阅读器或其他辅助系统阅读，以解释导航按钮的操作。</p>
                    <h3 id="popuptheme" tabindex="-1"><a class="header-anchor" href="#popuptheme"
                            aria-hidden="true">#</a> popupTheme</h3>
                    <p>指定标题栏弹出菜单时使用的主题。默认情况下，使用与标题栏本身相同的主题。</p>
                    <h3 id="title" tabindex="-1"><a class="header-anchor" href="#title" aria-hidden="true">#</a> title
                    </h3>
                    <p>设置此标题栏的标题。标题应该用作内容部分的锚点。它应该描述或命名正在查看的内容。</p>
                    <h3 id="titletextcolor" tabindex="-1"><a class="header-anchor" href="#titletextcolor"
                            aria-hidden="true">#</a> titleTextColor</h3>
                    <p>设置此标题栏的标题的文本颜色。</p>
                    <h3 id="titlemargin" tabindex="-1"><a class="header-anchor" href="#titlemargin"
                            aria-hidden="true">#</a> titleMargin</h3>
                    <p>设置标题边距。</p>
                    <h3 id="titlemarginbottom" tabindex="-1"><a class="header-anchor" href="#titlemarginbottom"
                            aria-hidden="true">#</a> titleMarginBottom</h3>
                    <p>设置底部标题边距。</p>
                    <h3 id="titlemargintop" tabindex="-1"><a class="header-anchor" href="#titlemargintop"
                            aria-hidden="true">#</a> titleMarginTop</h3>
                    <p>设置顶部标题边距。</p>
                    <h3 id="titlemarginstart" tabindex="-1"><a class="header-anchor" href="#titlemarginstart"
                            aria-hidden="true">#</a> titleMarginStart</h3>
                    <p>设置起始标题边距。</p>
                    <h3 id="titlemarginend" tabindex="-1"><a class="header-anchor" href="#titlemarginend"
                            aria-hidden="true">#</a> titleMarginEnd</h3>
                    <p>设置结束标题边距。</p>
                    <h3 id="subtitle" tabindex="-1"><a class="header-anchor" href="#subtitle" aria-hidden="true">#</a>
                        subtitle</h3>
                    <p>设置此标题栏的副标题。</p>
                    <h3 id="subtitletextcolor" tabindex="-1"><a class="header-anchor" href="#subtitletextcolor"
                            aria-hidden="true">#</a> subtitleTextColor</h3>
                    <p>设置此标题栏的副标题的文本颜色。</p>
                    <h2 id="卡片-card" tabindex="-1"><a class="header-anchor" href="#卡片-card" aria-hidden="true">#</a> 卡片:
                        card</h2>
                    <p>卡片控件是一个拥有圆角、阴影的控件。</p>
                    <h3 id="cardbackgroundcolor" tabindex="-1"><a class="header-anchor" href="#cardbackgroundcolor"
                            aria-hidden="true">#</a> cardBackgroundColor</h3>
                    <p>卡片的背景颜色。比如cardBackgroundColor=&quot;#ffffff&quot;。</p>
                    <h3 id="cardcornerradius" tabindex="-1"><a class="header-anchor" href="#cardcornerradius"
                            aria-hidden="true">#</a> cardCornerRadius</h3>
                    <p>卡片的圆角半径。</p>
                    <h3 id="cardelevation" tabindex="-1"><a class="header-anchor" href="#cardelevation"
                            aria-hidden="true">#</a> cardElevation</h3>
                    <p>设置卡片在z轴上的高度，来控制阴影的大小。</p>
                    <h3 id="contentpadding" tabindex="-1"><a class="header-anchor" href="#contentpadding"
                            aria-hidden="true">#</a> contentPadding</h3>
                    <p>设置卡片的内边距。该属性包括四个值：</p>
                    <ul>
                        <li><code><span class="token property">contentPaddingLeft</span></code> 左内边距</li>
                        <li><code><span class="token property">contentPaddingRight</span></code> 右内边距</li>
                        <li><code><span class="token property">contentPaddingTop</span></code> 上内边距</li>
                        <li><code><span class="token property">contentPaddingBottom</span></code> 下内边距</li>
                    </ul>
                    <h3 id="foreground" tabindex="-1"><a class="header-anchor" href="#foreground"
                            aria-hidden="true">#</a> foreground</h3>
                    <p>使用<code>foreground<span class="token operator">=</span><span class="token string">&quot;?selectableItemBackground&quot;</span></code>属性可以为卡片添加点击效果。
                    </p>
                    <h2 id="抽屉布局-drawer" tabindex="-1"><a class="header-anchor" href="#抽屉布局-drawer"
                            aria-hidden="true">#</a> 抽屉布局: drawer</h2>
                    <h2 id="列表-list" tabindex="-1"><a class="header-anchor" href="#列表-list" aria-hidden="true">#</a> 列表:
                        list</h2>
                    <blockquote>
                        <p>参见Android <a
                                href="https://developer.android.google.cn/reference/androidx/recyclerview/widget/RecyclerView"
                                target="_blank" rel="noopener noreferrer">RecyclerView<span><svg
                                        class="external-link-icon" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"
                                        focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15">
                                        <path fill="currentColor"
                                            d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z">
                                        </path>
                                        <polygon fill="currentColor"
                                            points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9">
                                        </polygon>
                                    </svg><span class="external-link-icon-sr-only">open in new window</span></span></a>。
                        </p>
                    </blockquote>
                    <h3 id="事件-item-click" tabindex="-1"><a class="header-anchor" href="#事件-item-click"
                            aria-hidden="true">#</a> 事件: item_click</h3>
                    <p>当用户点击一个List中的项时会触发该事件。</p>
                    <div class="language-javascript ext-js line-numbers-mode">
                        <pre class="language-javascript"><code><span class="token string">&quot;ui&quot;</span><span class="token punctuation">;</span>
$ui<span class="token punctuation">.</span><span class="token function">layout</span><span class="token punctuation">(</span>
    <span class="token operator">&lt;</span>frame<span class="token operator">&gt;</span>
        <span class="token operator">&lt;</span>list id<span class="token operator">=</span><span class="token string">&quot;list&quot;</span><span class="token operator">&gt;</span>
            <span class="token operator">&lt;</span>vertical<span class="token operator">&gt;</span>
                <span class="token operator">&lt;</span>text id<span class="token operator">=</span><span class="token string">&quot;name&quot;</span> textSize<span class="token operator">=</span><span class="token string">&quot;16sp&quot;</span> textColor<span class="token operator">=</span><span class="token string">&quot;#000000&quot;</span> text<span class="token operator">=</span><span class="token string">&quot;姓名: {{name}}&quot;</span><span class="token operator">/</span><span class="token operator">&gt;</span>
                <span class="token operator">&lt;</span>text id<span class="token operator">=</span><span class="token string">&quot;age&quot;</span> textSize<span class="token operator">=</span><span class="token string">&quot;16sp&quot;</span> textColor<span class="token operator">=</span><span class="token string">&quot;#000000&quot;</span> text<span class="token operator">=</span><span class="token string">&quot;年龄: {{age}}岁&quot;</span><span class="token operator">/</span><span class="token operator">&gt;</span>
            <span class="token operator">&lt;</span><span class="token operator">/</span>vertical<span class="token operator">&gt;</span>
        <span class="token operator">&lt;</span><span class="token operator">/</span>list<span class="token operator">&gt;</span>
    <span class="token operator">&lt;</span><span class="token operator">/</span>frame<span class="token operator">&gt;</span>
<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token keyword">var</span> items <span class="token operator">=</span> <span class="token punctuation">[</span><span class="token punctuation">{</span>
        <span class="token literal-property property">name</span><span class="token operator">:</span> <span class="token string">&quot;小明&quot;</span><span class="token punctuation">,</span>
        <span class="token literal-property property">age</span><span class="token operator">:</span> <span class="token number">18</span>
    <span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token punctuation">{</span>
        <span class="token literal-property property">name</span><span class="token operator">:</span> <span class="token string">&quot;小红&quot;</span><span class="token punctuation">,</span>
        <span class="token literal-property property">age</span><span class="token operator">:</span> <span class="token number">30</span>
    <span class="token punctuation">}</span>
<span class="token punctuation">]</span><span class="token punctuation">;</span>
$ui<span class="token punctuation">.</span>list<span class="token punctuation">.</span><span class="token function">setDataSource</span><span class="token punctuation">(</span>items<span class="token punctuation">)</span><span class="token punctuation">;</span>
$ui<span class="token punctuation">.</span>list<span class="token punctuation">.</span><span class="token function">on</span><span class="token punctuation">(</span><span class="token string">&quot;item_click&quot;</span><span class="token punctuation">,</span> <span class="token keyword">function</span><span class="token punctuation">(</span><span class="token parameter">item<span class="token punctuation">,</span> i<span class="token punctuation">,</span> itemView<span class="token punctuation">,</span> listView</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
    <span class="token function">toast</span><span class="token punctuation">(</span><span class="token string">&quot;被点击的人名字为: &quot;</span> <span class="token operator">+</span> item<span class="token punctuation">.</span>name <span class="token operator">+</span> <span class="token string">&quot;，年龄为: &quot;</span> <span class="token operator">+</span> item<span class="token punctuation">.</span>age<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</code></pre>
                        <div class="line-numbers" aria-hidden="true">
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                        </div>
                    </div>
                    <h3 id="事件-item-click-1" tabindex="-1"><a class="header-anchor" href="#事件-item-click-1"
                            aria-hidden="true">#</a> 事件: item_click</h3>
                    <ul>
                        <li><code><span class="token property">item</span></code> {any} 被点击的列表项的数据</li>
                        <li><code><span class="token property">i</span></code> {number} 被点击的列表项的位置</li>
                        <li><code><span class="token property">itemView</span></code> {View} 被点击的列表项的View</li>
                        <li><code><span class="token property">listView</span></code> {View} 当前列表控件</li>
                    </ul>
                    <p>当用户点击一个List中的项时会触发该事件。</p>
                    <div class="language-javascript ext-js line-numbers-mode">
                        <pre class="language-javascript"><code><span class="token string">&quot;ui&quot;</span><span class="token punctuation">;</span>
$ui<span class="token punctuation">.</span><span class="token function">layout</span><span class="token punctuation">(</span>
    <span class="token operator">&lt;</span>frame<span class="token operator">&gt;</span>
        <span class="token operator">&lt;</span>list id<span class="token operator">=</span><span class="token string">&quot;list&quot;</span><span class="token operator">&gt;</span>
            <span class="token operator">&lt;</span>vertical<span class="token operator">&gt;</span>
                <span class="token operator">&lt;</span>text id<span class="token operator">=</span><span class="token string">&quot;name&quot;</span> textSize<span class="token operator">=</span><span class="token string">&quot;16sp&quot;</span> textColor<span class="token operator">=</span><span class="token string">&quot;#000000&quot;</span> text<span class="token operator">=</span><span class="token string">&quot;姓名: {{name}}&quot;</span><span class="token operator">/</span><span class="token operator">&gt;</span>
                <span class="token operator">&lt;</span>text id<span class="token operator">=</span><span class="token string">&quot;age&quot;</span> textSize<span class="token operator">=</span><span class="token string">&quot;16sp&quot;</span> textColor<span class="token operator">=</span><span class="token string">&quot;#000000&quot;</span> text<span class="token operator">=</span><span class="token string">&quot;年龄: {{age}}岁&quot;</span><span class="token operator">/</span><span class="token operator">&gt;</span>
            <span class="token operator">&lt;</span><span class="token operator">/</span>vertical<span class="token operator">&gt;</span>
        <span class="token operator">&lt;</span><span class="token operator">/</span>list<span class="token operator">&gt;</span>
    <span class="token operator">&lt;</span><span class="token operator">/</span>frame<span class="token operator">&gt;</span>
<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token keyword">var</span> items <span class="token operator">=</span> <span class="token punctuation">[</span><span class="token punctuation">{</span>
        <span class="token literal-property property">name</span><span class="token operator">:</span> <span class="token string">&quot;小明&quot;</span><span class="token punctuation">,</span>
        <span class="token literal-property property">age</span><span class="token operator">:</span> <span class="token number">18</span>
    <span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token punctuation">{</span>
        <span class="token literal-property property">name</span><span class="token operator">:</span> <span class="token string">&quot;小红&quot;</span><span class="token punctuation">,</span>
        <span class="token literal-property property">age</span><span class="token operator">:</span> <span class="token number">30</span>
    <span class="token punctuation">}</span>
<span class="token punctuation">]</span><span class="token punctuation">;</span>
$ui<span class="token punctuation">.</span>list<span class="token punctuation">.</span><span class="token function">setDataSource</span><span class="token punctuation">(</span>items<span class="token punctuation">)</span><span class="token punctuation">;</span>
$ui<span class="token punctuation">.</span>list<span class="token punctuation">.</span><span class="token function">on</span><span class="token punctuation">(</span><span class="token string">&quot;item_click&quot;</span><span class="token punctuation">,</span> <span class="token keyword">function</span><span class="token punctuation">(</span><span class="token parameter">item<span class="token punctuation">,</span> i<span class="token punctuation">,</span> itemView<span class="token punctuation">,</span> listView</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
    <span class="token function">toast</span><span class="token punctuation">(</span><span class="token string">&quot;被点击的人名字为: &quot;</span> <span class="token operator">+</span> item<span class="token punctuation">.</span>name <span class="token operator">+</span> <span class="token string">&quot;，年龄为: &quot;</span> <span class="token operator">+</span> item<span class="token punctuation">.</span>age<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</code></pre>
                        <div class="line-numbers" aria-hidden="true">
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                        </div>
                    </div>
                    <h3 id="事件-item-long-click" tabindex="-1"><a class="header-anchor" href="#事件-item-long-click"
                            aria-hidden="true">#</a> 事件: item_long_click</h3>
                    <ul>
                        <li><code><span class="token property">event</span></code> {object} 事件，字段有： <ul>
                                <li><code><span class="token property">consumed</span></code> {boolean} 设置此事件是否被消费</li>
                                <li><code><span class="token property">view</span></code> {View} 此事件对应的View</li>
                            </ul>
                        </li>
                        <li><code><span class="token property">item</span></code> {any} 被点击的列表项的数据</li>
                        <li><code><span class="token property">i</span></code> {number} 被点击的列表项的位置</li>
                        <li><code><span class="token property">itemView</span></code> {View} 被点击的列表项的View</li>
                        <li><code><span class="token property">listView</span></code> {View} 当前列表控件</li>
                    </ul>
                    <p>当用户长按一个List中的项时会触发该事件。</p>
                    <h3 id="事件-item-bind" tabindex="-1"><a class="header-anchor" href="#事件-item-bind"
                            aria-hidden="true">#</a> 事件: item_bind</h3>
                    <ul>
                        <li><code><span class="token property">itemView</span></code> {View} 当前列表项的View</li>
                        <li><code><span class="token property">itemHolder</span></code> {object}
                            当前列表项的管理对象，可动态获取列表项的位置和数据。 <ul>
                                <li><code><span class="token property">item</span></code> {any} 获取列表项的数据</li>
                                <li><code><span class="token property">position</span></code> {number} 获取列表项的位置</li>
                            </ul>
                        </li>
                    </ul>
                    <p>当列表创建一个新的列表项的View时触发该事件。实际上列表控件不会为列表控件的每个项目创建一个单独的View，假设列表为2000个，屏幕最多显示10个，那么列表控件只会创建10个左右的View。
                    </p>
                    <p>这个事件通常用于对列表项的View设置事件回调，比如：</p>
                    <div class="language-javascript ext-js line-numbers-mode">
                        <pre class="language-javascript"><code><span class="token string">&quot;ui&quot;</span><span class="token punctuation">;</span>
$ui<span class="token punctuation">.</span><span class="token function">layout</span><span class="token punctuation">(</span>
    <span class="token operator">&lt;</span>frame<span class="token operator">&gt;</span>
        <span class="token operator">&lt;</span>list id<span class="token operator">=</span><span class="token string">&quot;list&quot;</span><span class="token operator">&gt;</span>
            <span class="token operator">&lt;</span>vertical<span class="token operator">&gt;</span>
                <span class="token operator">&lt;</span>text id<span class="token operator">=</span><span class="token string">&quot;name&quot;</span> textSize<span class="token operator">=</span><span class="token string">&quot;16sp&quot;</span> textColor<span class="token operator">=</span><span class="token string">&quot;#000000&quot;</span> text<span class="token operator">=</span><span class="token string">&quot;姓名: {{this.name}}&quot;</span><span class="token operator">/</span><span class="token operator">&gt;</span>
                <span class="token operator">&lt;</span>checkbox id<span class="token operator">=</span><span class="token string">&quot;checkbox&quot;</span> checked<span class="token operator">=</span><span class="token string">&quot;{{this.checked}}&quot;</span><span class="token operator">/</span><span class="token operator">&gt;</span>
            <span class="token operator">&lt;</span><span class="token operator">/</span>vertical<span class="token operator">&gt;</span>
        <span class="token operator">&lt;</span><span class="token operator">/</span>list<span class="token operator">&gt;</span>
    <span class="token operator">&lt;</span><span class="token operator">/</span>frame<span class="token operator">&gt;</span>
<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token keyword">var</span> items <span class="token operator">=</span> <span class="token punctuation">[</span>
    <span class="token punctuation">{</span>
        <span class="token literal-property property">name</span><span class="token operator">:</span> <span class="token string">&quot;小明&quot;</span><span class="token punctuation">,</span>
        <span class="token literal-property property">checked</span><span class="token operator">:</span> <span class="token boolean">false</span>
    <span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token punctuation">{</span>
        <span class="token literal-property property">name</span><span class="token operator">:</span> <span class="token string">&quot;小红&quot;</span><span class="token punctuation">,</span>
        <span class="token literal-property property">checked</span><span class="token operator">:</span> <span class="token boolean">false</span>
    <span class="token punctuation">}</span>
<span class="token punctuation">]</span><span class="token punctuation">;</span>
$ui<span class="token punctuation">.</span>list<span class="token punctuation">.</span><span class="token function">setDataSource</span><span class="token punctuation">(</span>items<span class="token punctuation">)</span><span class="token punctuation">;</span>

$ui<span class="token punctuation">.</span>list<span class="token punctuation">.</span><span class="token function">on</span><span class="token punctuation">(</span><span class="token string">&quot;item_bind&quot;</span><span class="token punctuation">,</span> <span class="token keyword">function</span><span class="token punctuation">(</span><span class="token parameter">itemView<span class="token punctuation">,</span> itemHolder</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
    itemView<span class="token punctuation">.</span>checkbox<span class="token punctuation">.</span><span class="token function">on</span><span class="token punctuation">(</span><span class="token string">&quot;check&quot;</span><span class="token punctuation">,</span> <span class="token keyword">function</span> <span class="token punctuation">(</span><span class="token parameter">checked</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
        <span class="token keyword">let</span> item <span class="token operator">=</span> itemHolder<span class="token punctuation">.</span>item<span class="token punctuation">;</span>
        item<span class="token punctuation">.</span>checked <span class="token operator">=</span> checked<span class="token punctuation">;</span>
        console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>item<span class="token punctuation">)</span><span class="token punctuation">;</span>
    <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</code></pre>
                        <div class="line-numbers" aria-hidden="true">
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                        </div>
                    </div>
                    <h3 id="事件-item-data-bind" tabindex="-1"><a class="header-anchor" href="#事件-item-data-bind"
                            aria-hidden="true">#</a> 事件: item_data_bind</h3>
                    <ul>
                        <li><code><span class="token property">itemView</span></code> {View} 当前列表项的View</li>
                        <li><code><span class="token property">itemHolder</span></code> {object}
                            当前列表项的管理对象，可获取列表项的位置和数据。 <ul>
                                <li><code><span class="token property">item</span></code> {any} 获取列表项的数据</li>
                                <li><code><span class="token property">position</span></code> {number} 获取列表项的位置</li>
                            </ul>
                        </li>
                    </ul>
                    <p>当列表将一个列表项的数据绑定到列表项的View时触发该事件。</p>
                    <div class="language-javascript ext-js line-numbers-mode">
                        <pre class="language-javascript"><code><span class="token string">&quot;ui&quot;</span><span class="token punctuation">;</span>
$ui<span class="token punctuation">.</span><span class="token function">layout</span><span class="token punctuation">(</span>
    <span class="token operator">&lt;</span>frame<span class="token operator">&gt;</span>
        <span class="token operator">&lt;</span>list id<span class="token operator">=</span><span class="token string">&quot;list&quot;</span><span class="token operator">&gt;</span>
            <span class="token operator">&lt;</span>vertical<span class="token operator">&gt;</span>
                <span class="token operator">&lt;</span>text id<span class="token operator">=</span><span class="token string">&quot;name&quot;</span> textSize<span class="token operator">=</span><span class="token string">&quot;16sp&quot;</span> textColor<span class="token operator">=</span><span class="token string">&quot;#000000&quot;</span> text<span class="token operator">=</span><span class="token string">&quot;姓名: {{this.name}}&quot;</span><span class="token operator">/</span><span class="token operator">&gt;</span>
                <span class="token operator">&lt;</span>checkbox id<span class="token operator">=</span><span class="token string">&quot;checkbox&quot;</span> checked<span class="token operator">=</span><span class="token string">&quot;{{this.checked}}&quot;</span><span class="token operator">/</span><span class="token operator">&gt;</span>
            <span class="token operator">&lt;</span><span class="token operator">/</span>vertical<span class="token operator">&gt;</span>
        <span class="token operator">&lt;</span><span class="token operator">/</span>list<span class="token operator">&gt;</span>
    <span class="token operator">&lt;</span><span class="token operator">/</span>frame<span class="token operator">&gt;</span>
<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token keyword">var</span> items <span class="token operator">=</span> <span class="token punctuation">[</span><span class="token punctuation">{</span>
        <span class="token literal-property property">name</span><span class="token operator">:</span> <span class="token string">&quot;小明&quot;</span><span class="token punctuation">,</span>
        <span class="token literal-property property">checked</span><span class="token operator">:</span> <span class="token boolean">false</span>
    <span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token punctuation">{</span>
        <span class="token literal-property property">name</span><span class="token operator">:</span> <span class="token string">&quot;小红&quot;</span><span class="token punctuation">,</span>
        <span class="token literal-property property">checked</span><span class="token operator">:</span> <span class="token boolean">false</span>
    <span class="token punctuation">}</span>
<span class="token punctuation">]</span><span class="token punctuation">;</span>
$ui<span class="token punctuation">.</span>list<span class="token punctuation">.</span><span class="token function">setDataSource</span><span class="token punctuation">(</span>items<span class="token punctuation">)</span><span class="token punctuation">;</span>

$ui<span class="token punctuation">.</span>list<span class="token punctuation">.</span><span class="token function">on</span><span class="token punctuation">(</span><span class="token string">&quot;item_data_bind&quot;</span><span class="token punctuation">,</span> <span class="token keyword">function</span> <span class="token punctuation">(</span><span class="token parameter">itemView<span class="token punctuation">,</span> itemHolder</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
    <span class="token keyword">let</span> item <span class="token operator">=</span> itemHolder<span class="token punctuation">.</span>item<span class="token punctuation">;</span>
    itemView<span class="token punctuation">.</span>name<span class="token punctuation">.</span><span class="token function">setTextColor</span><span class="token punctuation">(</span>item<span class="token punctuation">.</span>checked <span class="token operator">?</span> $colors<span class="token punctuation">.</span><span class="token constant">RED</span> <span class="token operator">:</span> $colors<span class="token punctuation">.</span><span class="token constant">BLACK</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

$ui<span class="token punctuation">.</span>list<span class="token punctuation">.</span><span class="token function">on</span><span class="token punctuation">(</span><span class="token string">&quot;item_bind&quot;</span><span class="token punctuation">,</span> <span class="token keyword">function</span><span class="token punctuation">(</span><span class="token parameter">itemView<span class="token punctuation">,</span> itemHolder</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
    itemView<span class="token punctuation">.</span>checkbox<span class="token punctuation">.</span><span class="token function">on</span><span class="token punctuation">(</span><span class="token string">&quot;check&quot;</span><span class="token punctuation">,</span> <span class="token keyword">function</span> <span class="token punctuation">(</span><span class="token parameter">checked</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
        <span class="token keyword">let</span> item <span class="token operator">=</span> itemHolder<span class="token punctuation">.</span>item<span class="token punctuation">;</span>
        item<span class="token punctuation">.</span>checked <span class="token operator">=</span> checked<span class="token punctuation">;</span>
        $ui<span class="token punctuation">.</span>list<span class="token punctuation">.</span><span class="token function">getAdapter</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">notifyItemChanged</span><span class="token punctuation">(</span>itemHolder<span class="token punctuation">.</span>position<span class="token punctuation">)</span><span class="token punctuation">;</span>
    <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</code></pre>
                        <div class="line-numbers" aria-hidden="true">
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                        </div>
                    </div>
                    <h2 id="选项卡-tab" tabindex="-1"><a class="header-anchor" href="#选项卡-tab" aria-hidden="true">#</a>
                        选项卡: tab</h2>
                    <blockquote>
                        <p>参见Android <a
                                href="https://developer.android.google.cn/reference/com/google/android/material/tabs/TabLayout"
                                target="_blank" rel="noopener noreferrer">TabLayout<span><svg class="external-link-icon"
                                        xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px"
                                        y="0px" viewBox="0 0 100 100" width="15" height="15">
                                        <path fill="currentColor"
                                            d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z">
                                        </path>
                                        <polygon fill="currentColor"
                                            points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9">
                                        </polygon>
                                    </svg><span class="external-link-icon-sr-only">open in new window</span></span></a>。
                        </p>
                    </blockquote>
                    <p>选项卡布局。</p>
                    <h3 id="tabgravity" tabindex="-1"><a class="header-anchor" href="#tabgravity"
                            aria-hidden="true">#</a> tabGravity</h3>
                    <p>设置布局选项卡时使用的gravity重力。可以参考博客<a href="https://blog.csdn.net/wjr1949/article/details/72473052"
                            target="_blank" rel="noopener noreferrer">tabMode和tabGravity配合使用效果对比<span><svg
                                    class="external-link-icon" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"
                                    focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15">
                                    <path fill="currentColor"
                                        d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z">
                                    </path>
                                    <polygon fill="currentColor"
                                        points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9">
                                    </polygon>
                                </svg><span class="external-link-icon-sr-only">open in new window</span></span></a>。</p>
                    <h3 id="tabindicatorcolor" tabindex="-1"><a class="header-anchor" href="#tabindicatorcolor"
                            aria-hidden="true">#</a> tabIndicatorColor</h3>
                    <p>为当前选定的选项卡设置选项卡指示器的颜色。</p>
                    <h3 id="tabindicatorheight" tabindex="-1"><a class="header-anchor" href="#tabindicatorheight"
                            aria-hidden="true">#</a> tabIndicatorHeight</h3>
                    <p>为当前选定的选项卡设置选项卡指示器的高度。</p>
                    <h3 id="tabmode" tabindex="-1"><a class="header-anchor" href="#tabmode" aria-hidden="true">#</a>
                        tabMode</h3>
                    <p>设置此布局中选项卡的行为模式。包括：</p>
                    <ul>
                        <li><code><span class="token property">fixed</span></code>
                            固定选项卡同时显示所有选项卡，最适合与受益于选项卡之间快速旋转的内容一起使用。</li>
                        <li><code><span class="token property">scrollable</span></code>
                            可滚动选项卡在任何给定时刻显示选项卡的子集，并且可以包含更长的选项卡标签和更多的选项卡。当用户不需要直接比较选项卡标签时，它们最适合用于浏览触摸界面中的上下文。</li>
                    </ul>
                    <h3 id="tabtextcolor" tabindex="-1"><a class="header-anchor" href="#tabtextcolor"
                            aria-hidden="true">#</a> tabTextColor</h3>
                    <p>设置用于选项卡的正常状态的文本颜色。</p>
                    <h3 id="tabselectedtextcolor" tabindex="-1"><a class="header-anchor" href="#tabselectedtextcolor"
                            aria-hidden="true">#</a> tabSelectedTextColor</h3>
                    <p>设置用于选项卡的选定状态的文本颜色。</p>
                    <h2 id="控制台-console" tabindex="-1"><a class="header-anchor" href="#控制台-console"
                            aria-hidden="true">#</a> 控制台: console</h2>
                    <p>控制台控件可以在UI界面显示日志，类似于Auto.js内置的控制台界面。</p>
                    <p>此控制台控件仅显示当前脚本的日志，若要显示全部脚本的日志，请使用<a
                            href="#%E5%85%A8%E5%B1%80%E6%8E%A7%E5%88%B6%E5%8F%B0-globalconsole">全局控制台</a>。</p>
                    <div class="language-javascript ext-js line-numbers-mode">
                        <pre class="language-javascript"><code><span class="token string">&quot;ui&quot;</span><span class="token punctuation">;</span>

$ui<span class="token punctuation">.</span><span class="token function">layout</span><span class="token punctuation">(</span>
    <span class="token operator">&lt;</span>vertical<span class="token operator">&gt;</span>
        <span class="token operator">&lt;</span>appbar<span class="token operator">&gt;</span>
            <span class="token operator">&lt;</span>toolbar id<span class="token operator">=</span><span class="token string">&quot;toolbar&quot;</span> title<span class="token operator">=</span><span class="token string">&quot;UI中显示控制台&quot;</span> <span class="token operator">/</span><span class="token operator">&gt;</span>
        <span class="token operator">&lt;</span><span class="token operator">/</span>appbar<span class="token operator">&gt;</span>
         <span class="token operator">&lt;</span>console id<span class="token operator">=</span><span class="token string">&quot;console&quot;</span> w<span class="token operator">=</span><span class="token string">&quot;*&quot;</span> h<span class="token operator">=</span><span class="token string">&quot;*&quot;</span> <span class="token operator">/</span><span class="token operator">&gt;</span>
    <span class="token operator">&lt;</span><span class="token operator">/</span>vertical<span class="token operator">&gt;</span>
<span class="token punctuation">)</span><span class="token punctuation">;</span>

<span class="token comment">// 设置控制台</span>
$ui<span class="token punctuation">.</span>console<span class="token punctuation">.</span><span class="token function">setConsole</span><span class="token punctuation">(</span>runtime<span class="token punctuation">.</span>console<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token comment">// 设置输入框颜色</span>
$ui<span class="token punctuation">.</span>console<span class="token punctuation">.</span>input<span class="token punctuation">.</span><span class="token function">setTextColor</span><span class="token punctuation">(</span>colors<span class="token punctuation">.</span><span class="token constant">BLACK</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token comment">// 隐藏输入框</span>
$ui<span class="token punctuation">.</span>console<span class="token punctuation">.</span><span class="token function">setInputEnabled</span><span class="token punctuation">(</span><span class="token boolean">false</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token comment">// 自定义日志颜色</span>
$ui<span class="token punctuation">.</span>console<span class="token punctuation">.</span><span class="token function">setColor</span><span class="token punctuation">(</span><span class="token string">&quot;V&quot;</span><span class="token punctuation">,</span> <span class="token string">&quot;#bdbdbd&quot;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
$ui<span class="token punctuation">.</span>console<span class="token punctuation">.</span><span class="token function">setColor</span><span class="token punctuation">(</span><span class="token string">&quot;D&quot;</span><span class="token punctuation">,</span> <span class="token string">&quot;#795548&quot;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
$ui<span class="token punctuation">.</span>console<span class="token punctuation">.</span><span class="token function">setColor</span><span class="token punctuation">(</span><span class="token string">&quot;I&quot;</span><span class="token punctuation">,</span> <span class="token string">&quot;#1de9b6&quot;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
$ui<span class="token punctuation">.</span>console<span class="token punctuation">.</span><span class="token function">setColor</span><span class="token punctuation">(</span><span class="token string">&quot;W&quot;</span><span class="token punctuation">,</span> <span class="token string">&quot;#673ab7&quot;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
$ui<span class="token punctuation">.</span>console<span class="token punctuation">.</span><span class="token function">setColor</span><span class="token punctuation">(</span><span class="token string">&quot;E&quot;</span><span class="token punctuation">,</span> <span class="token string">&quot;#b71c1c&quot;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token comment">// 自定义日志字体大小，单位sp</span>
$ui<span class="token punctuation">.</span>console<span class="token punctuation">.</span><span class="token function">setTextSize</span><span class="token punctuation">(</span><span class="token number">16</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</code></pre>
                        <div class="line-numbers" aria-hidden="true">
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                        </div>
                    </div>
                    <p>在原生模式下，此控件的类名为<code>com<span class="token punctuation">.</span>stardust<span class="token punctuation">.</span>autojs<span class="token punctuation">.</span>core<span class="token punctuation">.</span>console<span class="token punctuation">.</span>ConsoleView</code>。
                    </p>
                    <h3 id="console-setconsole-con" tabindex="-1"><a class="header-anchor"
                            href="#console-setconsole-con" aria-hidden="true">#</a> console.setConsole(con)</h3>
                    <ul>
                        <li><code><span class="token property">con</span></code> {Console} 控制台对象</li>
                    </ul>
                    <p>绑定控制台对象。设置后控制台控件才能显示控制台的日志。例如<code>$ui<span class="token punctuation">.</span>console<span class="token punctuation">.</span><span class="token function">setConsole</span><span class="token punctuation">(</span>runtime<span class="token punctuation">.</span>console<span class="token punctuation">)</span></code>。
                    </p>
                    <h3 id="ui-console-setinputenabled-enabled" tabindex="-1"><a class="header-anchor"
                            href="#ui-console-setinputenabled-enabled" aria-hidden="true">#</a>
                        ui.console.setInputEnabled(enabled)</h3>
                    <ul>
                        <li><code><span class="token property">enabled</span></code> {boolean}</li>
                    </ul>
                    <p>设置控制台输入框是否启用。</p>
                    <h3 id="console-getinput" tabindex="-1"><a class="header-anchor" href="#console-getinput"
                            aria-hidden="true">#</a> console.getInput()</h3>
                    <ul>
                        <li>返回 {EditText}</li>
                    </ul>
                    <p>获取控制台的输入框控件。</p>
                    <h3 id="console-setcolor-level-color" tabindex="-1"><a class="header-anchor"
                            href="#console-setcolor-level-color" aria-hidden="true">#</a> console.setColor(level，color)
                    </h3>
                    <ul>
                        <li><code><span class="token property">level</span></code> {string}
                            日志等级，可以为<code><span class="token constant">V</span></code>，<code><span class="token constant">D</span></code>，<code><span class="token constant">I</span></code>，<code><span class="token constant">W</span></code>，<code><span class="token constant">E</span></code>，<code><span class="token constant">A</span></code>等级别
                        </li>
                        <li><code><span class="token property">color</span></code> {number} | {string} 日志颜色</li>
                    </ul>
                    <p>设置日志的颜色。</p>
                    <h3 id="console-settextsize-size" tabindex="-1"><a class="header-anchor"
                            href="#console-settextsize-size" aria-hidden="true">#</a> console.setTextSize(size)</h3>
                    <ul>
                        <li><code><span class="token property">size</span></code> {number} 字体大小</li>
                    </ul>
                    <p>设置控制台的日志字体大小，单位为sp。</p>
                    <h2 id="全局控制台-globalconsole" tabindex="-1"><a class="header-anchor" href="#全局控制台-globalconsole"
                            aria-hidden="true">#</a> 全局控制台: globalconsole</h2>
                    <p>全局控制台控件是一个读取日志文件并显示的控件，通常用来显示全局日志。</p>
                    <p>在原生模式下，此控件的类名为<code>com<span class="token punctuation">.</span>stardust<span class="token punctuation">.</span>autojs<span class="token punctuation">.</span>core<span class="token punctuation">.</span>console<span class="token punctuation">.</span>FileConsoleView</code>。
                    </p>
                    <div class="language-javascript ext-js line-numbers-mode">
                        <pre class="language-javascript"><code>
<span class="token string">&quot;ui&quot;</span><span class="token punctuation">;</span>

$ui<span class="token punctuation">.</span><span class="token function">layout</span><span class="token punctuation">(</span>
    <span class="token operator">&lt;</span>vertical<span class="token operator">&gt;</span>
        <span class="token operator">&lt;</span>appbar<span class="token operator">&gt;</span>
            <span class="token operator">&lt;</span>toolbar id<span class="token operator">=</span><span class="token string">&quot;toolbar&quot;</span> title<span class="token operator">=</span><span class="token string">&quot;UI中显示控制台&quot;</span> <span class="token operator">/</span><span class="token operator">&gt;</span>
        <span class="token operator">&lt;</span><span class="token operator">/</span>appbar<span class="token operator">&gt;</span>
                <span class="token operator">&lt;</span>globalconsole id<span class="token operator">=</span><span class="token string">&quot;globalconsole&quot;</span> w<span class="token operator">=</span><span class="token string">&quot;*&quot;</span> h<span class="token operator">=</span><span class="token string">&quot;*&quot;</span> <span class="token operator">/</span><span class="token operator">&gt;</span>
    <span class="token operator">&lt;</span><span class="token operator">/</span>vertical<span class="token operator">&gt;</span>
<span class="token punctuation">)</span><span class="token punctuation">;</span>

$ui<span class="token punctuation">.</span>globalconsole<span class="token punctuation">.</span><span class="token function">setColor</span><span class="token punctuation">(</span><span class="token string">&quot;D&quot;</span><span class="token punctuation">,</span> <span class="token string">&quot;#000000&quot;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</code></pre>
                        <div class="line-numbers" aria-hidden="true">
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                            <div class="line-number"></div>
                        </div>
                    </div>
                    <h3 id="globalconsole-setcolor-level-color" tabindex="-1"><a class="header-anchor"
                            href="#globalconsole-setcolor-level-color" aria-hidden="true">#</a>
                        globalconsole.setColor(level，color)</h3>
                    <ul>
                        <li><code><span class="token property">level</span></code> {string}
                            日志等级，可以为<code><span class="token constant">V</span></code>，<code><span class="token constant">D</span></code>，<code><span class="token constant">I</span></code>，<code><span class="token constant">W</span></code>，<code><span class="token constant">E</span></code>，<code><span class="token constant">A</span></code>等级别
                        </li>
                        <li><code><span class="token property">color</span></code> {number} | {string} 日志颜色</li>
                    </ul>
                    <p>设置日志的颜色。</p>
                    <h3 id="globalconsole-setlogfile-file" tabindex="-1"><a class="header-anchor"
                            href="#globalconsole-setlogfile-file" aria-hidden="true">#</a>
                        globalconsole.setLogFile(file)</h3>
                    <ul>
                        <li><code><span class="token property">file</span></code> {string} 日志文件路径</li>
                    </ul>
                    <p>设置日志文件的路径。若不设置，则为默认日志文件。</p>
                    <h3 id="globalconsole-clear" tabindex="-1"><a class="header-anchor" href="#globalconsole-clear"
                            aria-hidden="true">#</a> globalconsole.clear()</h3>
                    <p>清空控件的日志内容。此操作不会清空日志文件。</p>
                    <p>若要清空日志文件的内容，请删除日志文件后再调用<code><span class="token property">clear</span></code>函数。</p>
                </div><!---->
                <footer class="page-meta"><!---->
                    <div class="meta-item update-time"><span class="label">上次编辑于: </span><!----></div>
                    <div class="meta-item contributors"><span class="label">贡献者: </span><!--[--><!--[--><span
                            class="contributor" title="email: 946994919@qq.com">hyb1996</span><!--]--><!--]--></div>
                </footer>
                <nav class="page-nav"><a href="basic.html" class="nav-link prev" aria-label="基础布局与控件">
                        <div class="hint"><span class="arrow left"></span>上一页</div>
                        <div class="link"><!---->基础布局与控件</div>
                    </a><a href="api.html" class="nav-link next" aria-label="api文档">
                        <div class="hint">下一页<span class="arrow right"></span></div>
                        <div class="link">api文档<!----></div>
                    </a></nav><!----><!----><!--]-->
            </main><!--]--><!----><!--]-->
        </div><!--]--><!----><!----><!--]-->
    </div>
    <script type="module" src="../../../assets/app.6aa2b576.js" defer></script>
</body>

</html>